futilidades em alta

Sobre

*/ /* Content ----------------------------------------------- */ body, html { height: 281px; margin: 0; padding: 0; } body { background: #f7f5f5 url("XXX") no-repeat; } html { font-family: georgia; font-size: 13px; background: #cor; } } html body .region-inner { min-width: 0; max-width: 100%; width: auto; } a:link { text-decoration:none; color: #d0a9a9; } a:visited { text-decoration:none; color: #a5c6c3; } a:hover { text-decoration:underline; color: #a5c6c3; } .content-outer .content-cap-top { height: $(content.imageBorder.top.space); background: transparent $(content.imageBorder.top) repeat-x scroll top center; } .content-outer { margin: 0 auto; padding-top: $(content.margin); } .content-inner { background: $(content.background); background-position: left -$(content.imageBorder.top.space); background-color: $(content.background.color); padding: $(content.padding); } .main-inner .date-outer { margin-bottom: 2em; } /* Header ----------------------------------------------- */ .header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper { padding-left: 10px; padding-right: 10px; } .Header h1 { font: $(header.font); color: $(header.text.color); } .Header h1 a { color: $(header.text.color); } .Header .description { font-size: 130%; } /* Menu do blogger personalizado by Go Imagine - goimagines.blogspot.com ----------------------------------------------- */ .tabs-inner { margin: 1em 0 0; padding: 0; margin-top: -275px; /*para subir ou descer o menu troque o número*/ margin-left: 540px; /*para afastar o menu para esquerda ou direita troque o número*/ } .tabs-inner .section { margin: 0; } .tabs-inner .widget ul { padding: 0; background: transparent; } .tabs-inner .widget li { border: none; } /*Estado normal do menu*/ .tabs-inner .widget li a { display: inline-block; padding: 1em 1.5em; color: #fff; /*cor da fonte*/ font: $(tabs.font); /*fonte*/ border-radius: 50px; /*bordas arredondadas, apague a linha se n quiser*/ line-height: 5px; padding: 12px; background: #8BC2C9; /*cor do fundo normal*/ margin-left: 8px; /*espaço entre os botões*/ } /*Estado hover e selecionado*/ .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { position: relative; z-index: 1; background: #8BC2C9; /*cor do fundo hover/selecionado*/ color: #fff; /*cor da fonte*/ border-radius: 50px; /*bordas arredondadas, apague a linha se n quiser*/ line-height: 5px; padding: 12px; /*espaçamento interno*/ } /* Headings ----------------------------------------------- */ .sidebar h2 { font-family: Century Gothic; /*Tipo de fonte*/ font-size: 16px; /*Tamanho da fonte*/ color: #000000; /*Cor da fonte*/ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGwcAx696fGx53FkLPEtjvP6gYJX9A9SAGs6YgIukwXsCR2AojMHXvysqEqg8tLH6C4C0UGjLWp1uW7ppFQfQ9VeQyxafFa61FJBqLcObbr6ymCX2huvmmR2Ott38zTcpWQJJ3AjX_nco/s320/Titulo+tipo+03.png) no-repeat center; height: -40px;/*Altura da imagem*/ width: 300px; /*Largura da imagem*/ text-align: center; /*Alinhamento do texto*/ } .main-inner h2.date-header { float: left; /** data no lado esquerdo, pode mudar para right **/ width:55px;/** largura **/ height:55px;/** altura **/ overflow:hidden; font-size:11px;/** tamanho da fonte **/ font-family: Arial; color: #fff !important;/** cor da fonte **/ text-align:center;/** alinha o texto **/ margin-bottom: -65px; /** desce **/ margin-left: -80px; /** margem pra esquerda **/ padding: 8px 2px 0px 2px; /** espaço interno: topo, direito, embaixo, esquerdo **/ -webkit-border-radius: 5em; -moz-border-radius: 5em; /** borda redonda **/ background: #a5c6c3; /** cor do fundo **/ } .main-inner h2.date-header:hover { background: #a5c6c3; /** cor do fundo hover **/ } .footer-inner .widget h2, .sidebar .widget h2 { padding-bottom: .5em; } /* Main ----------------------------------------------- */ .main-inner { padding: $(content.padding) 0; } .main-inner .column-center-inner { padding: $(content.posts.padding) 0; } .main-inner .column-center-inner .section { margin: 0 $(content.posts.padding); } .main-inner .column-right-inner { margin-left: $(content.padding); } .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { margin-left: $(content.padding); background: #dcdcdc; } .main-inner .column-left-inner { margin-right: $(content.padding); } .main-inner .fauxcolumn-left-outer .fauxcolumn-inner { margin-right: $(content.padding); background: #b7b7b7; } .main-inner .column-left-inner, .main-inner .column-right-inner { padding: 15px 0; } /* Posts ----------------------------------------------- */ h3.post-title { margin-top: 20px; } h3.post-title a { font-family: Englebert; font-size: 35px; color: #86b2ad; } h3.post-title a:hover { text-decoration: underline; } .main-inner .column-center-outer { background: $(post.background.color) $(post.background.url) repeat scroll top left; _background-image: none; } .post-body { line-height: 1.4; position: relative; } .post-header { margin: 0 0 1em; line-height: 1.6; } .post-footer { margin: .5em 0; line-height: 1.6; } #blog-pager { font-size: 140%; } #comments { background: $(comments.background); padding: 15px; } #comments .comment-author { padding-top: 1.5em; } #comments h4, #comments .comment-author a, #comments .comment-timestamp a { color: $(post.title.text.color); } #comments .comment-author:first-child { padding-top: 0; border-top: none; } .avatar-image-container { margin: .2em 0 0; } /* Comments ----------------------------------------------- */ #comments a { color: $(post.title.text.color); } .comments .comments-content .icon.blog-author { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); } .comments .comments-content .loadmore a { border-top: 1px solid $(post.title.text.color); border-bottom: 1px solid $(post.title.text.color); } .comments .comment-thread.inline-thread { background: $(post.background.color); } .comments .continue { border-top: 2px solid $(post.title.text.color); } /* Widgets ----------------------------------------------- */ .sidebar .widget { border-bottom: 2px solid $(widget.border.bevel.color); padding-bottom: 10px; margin: 10px 0; } .sidebar .widget:first-child { margin-top: 0; } .sidebar .widget:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .footer-inner .widget, .sidebar .widget { font: $(widget.font); color: #6f7877; } .sidebar .widget a:link { color: #9d627e; text-decoration: none; } .sidebar .widget a:visited { color: $(widget.link.visited.color); } .sidebar .widget a:hover { color: $(widget.link.color); text-decoration: underline; } .footer-inner .widget a:link { color: $(link.color); text-decoration: none; } .footer-inner .widget a:visited { color: $(link.visited.color); } .footer-inner .widget a:hover { color: $(link.color); text-decoration: underline; } .widget .zippy { color: $(widget.alternate.text.color); } .footer-inner { background: transparent; } /* Mobile ----------------------------------------------- */ body.mobile { padding: 0 10px; background-size: 100% auto; } body.mobile .AdSense { margin: 0 -10px; } .mobile .body-fauxcolumn-outer { background: $(mobile.background.overlay); } .mobile .footer-inner .widget a:link { color: $(widget.link.color); text-decoration: none; } .mobile .footer-inner .widget a:visited { color: $(widget.link.visited.color); } .mobile-post-outer a { color: $(post.title.text.color); } .mobile-link-button { background-color: $(link.color); } .mobile-link-button a:link, .mobile-link-button a:visited { color: $(mobile.button.color); } .mobile-index-contents { color: $(body.text.color); } .mobile .tabs-inner .PageList .widget-content { background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center; color: $(tabs.selected.text.color); } .mobile .tabs-inner .PageList .widget-content .pagelist-arrow { border-$startSide: 1px solid $(tabs.selected.text.color); } #navbar-iframe { height: 0px; visibility: hidden; display: none; } .post-footer { background: #F1F1F1;border: 1px solid #cccccc;padding: 3px; margin-bottom: 15px; margin-left: -5px; margin-right: -5px; box-shadow: 1px 1px 0px #cccccc;} .post-footer { background: #F1F1F1;border: 1px solid #cccccc;padding: 3px; margin-bottom: 15px; margin-left: -5px; margin-right: -5px; box-shadow: 1px 1px 0px #cccccc;} ]]>

futilidades em alta

Páginas

Pages

Teste de Rodapé 1

Teste de Rodapé 2