Começando do Zero

Categorias

.footer-inner .widget h2, .sidebar .widget h2 { font-family: 'Roboto Condensed', sans-serif; padding: 10px 0; background: #333; color: #fff; font-weight: normal; font-size: 14px; text-transform: uppercase; text-align: center; margin: -25px 0 0 -20px; width: 240px; letter-spacing: 2px; } /* 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: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left; } .main-inner .column-left-inner { margin-right: $(content.padding); } .main-inner .fauxcolumn-left-outer .fauxcolumn-inner { margin-right: $(content.padding); background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left; } .main-inner .column-left-inner, .main-inner .column-right-inner { padding: 15px 0; } /* Posts ----------------------------------------------- */ h3.post-title { margin-top: -10px; width: 685px; height: 50px; margin: 10px 0 0 -6px; text-align: left; padding-top: 20px; color: #333; } h3.post-title a { font-family: 'Roboto Condensed', sans-serif; color: #333; font-size: 20px; text-transform: uppercase; letter-spacing: 3px; } h3.post-title a:hover { text-decoration: none; color: #fff150; background: #333 } .entry-title{ font-family: 'Roboto', sans-serif; color: #db9595; font-weight: normal; font-size: 26px; } .post-outer { background: #ffffff; padding: 4px 25px 0 25px; margin: 5px 3px 25px; color: #333; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; } .post-body { line-height: 30px; position: relative; } .post-body a:hover{ background: #fff15d } .post-header { margin: 0 0 1em; line-height: 1.6; } .post-footer { border-top: 1px solid #dedede; margin: .5em 0; line-height: 1.6; width: 715px; margin: 50px 0 0 -25px; padding: 20px; color: #747474; text-transform: uppercase; font-size: 11px; line-height: 40px; text-align: center } .post-footer a{ color: #999; font-family: 'Roboto Condensed', sans-serif; font-size: 11px; text-transform: uppercase; } .post-footer a:hover{ background: #fff15d; color: #000 } #blog-pager { clear:both; text-align: center; margin:0px auto; padding:10px; margin-top: 35px } #blog-pager a:link, #blog-pager a:visited{ font-family: 'Roboto Condensed', sans-serif; color: #333; font-size: 12px; padding:6px 25px; background-color: transparent; text-transform: uppercase; letter-spacing: 2px; border: 1px solid #333; } #blog-pager a:hover{ color: #000; background: #FFF15D; border: 1px solid #FFF15D } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #comments { background: #fff; padding: 15px; color: #999 } #comments .comment-author { padding-top: 1.5em; } #comments h4, #comments .comment-author a, #comments .comment-timestamp a { color: #333; font-size: 22px; font-weight: normal; text-align: center; margin-top: -40px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 2px; text-transform: uppercase; } #comments .comment-author:first-child { padding-top: 0; border-top: none; } .avatar-image-container { margin: .2em 0 0; border-radius: 50px; } a.comment-link{ color: #333; font-size: 15px; margin-bottom: -15px; float: right; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; } .post-footer-line-2{ float: left; margin-top: -40px } .blog-author a{ font-size: 16px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 2px; text-transform: uppercase; color: #333 !important; background: #fff150; padding: 5px 10px; } .comment-content{ font-size: 14px; color: #676767; padding: 15px 0; } /* Comments ----------------------------------------------- */ #comments a { color: #ccc; text-transform: uppercase; font-size: 10px; } .comments .comments-content .icon.blog-author { display: none; } .comments .comments-content .loadmore a { border-top: 1px solid #E27467; border-bottom: 1px solid #E27467; } .comments .comment-thread.inline-thread { background: $(post.background.color); } .comments .continue { border-top: 1px dotted #ccc; margin-bottom: 15px; } /* Widgets ----------------------------------------------- */ .sidebar .widget { background: #fff; padding: 20px; margin: 15px 0 60px -15px; width: 200px; } .sidebar .widget:first-child { margin-top: 0; } .sidebar .widget:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 20px; } .footer-inner .widget, .sidebar .widget { font: $(widget.font); color: $(widget.text.color); } .sidebar .widget a:link { color: $(widget.link.color); text-decoration: none; } .sidebar .widget a:visited { color: $(widget.link.visited.color); } .sidebar .widget a:hover { text-decoration: none; } .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 $(footer.background.gradient) repeat scroll top center; } /* Mobile ----------------------------------------------- */ body.mobile { 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); } /* ======================== MEU CÓDIGO =============================== */ .post-footer span{ font-size: 10px; letter-spacing: 2px; color: #333; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; } .img-entry{ /* === faz a imagem fica do tamanho da caixa de postagem === */ width: 754px; /*digite o tamanho da tela de postagem */ margin: -10px 0 0 -40px /* mude os números para ajustar à tela de postagem */ } .categoria ul{ margin-left: -15px; margin-top: 30px } .categoria li{ float: left; list-style: none; margin-bottom: 18px; margin-right: 5px; } .categoria li a{ color: #000 !important; background: #FFF15D; padding: 7px 13px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-size: 11px; letter-spacing: 1px; } .categoria a:hover{ background: #333; color: #fff15d !important; } select{ /* estilo de todas as caixas de select (dropdown) */ padding: 8px 0; width: 200px; border: none; background: #fff15d; color: #000; font-size: 12px; outline: none; margin-top: 15px; } blockquote{ /* estilo do blockquote */ padding: 10px 25px; background: #fff15d; color: #000; width: 705px; margin-left: -25px; } #rodape{ background: #333; height: 30px; padding-top: 12px; color: #fff; text-align: center; margin-top: -20px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; } #rodape a{ color: #FFF150; } .feed-links { display: none } .search{ /* Estilo da caixa de pesquisa */ float: left; } .searchbar{ /* Estilo do input de pesquisa */ height: 20px; width: 210px; color: #333; /*cor da fonte */ font-size: 12px; outline: none; padding: 10px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 2px; text-transform: uppercase; border: 2px solid #333; margin-left: -16px; text-align: center; } #HTML2{ margin-top: -3px; margin-bottom: 15px; padding: 10px 18px; background: transparent } #HTML3{ background: transparent; border: none; margin-bottom: 25px } .bloco-sobre img{ width: 240px; margin-left: -20px; margin-top: -20px; } .bloco-sobre p { color: #676767; font-size: 14px; font-family: 'Roboto', sans-serif; text-align: center; width: 240px; line-height: 23px; margin: 10px 0 0 -20px; } #Header1_headerimg{ width: 541px; height: 191px; margin: 15px auto; } #navbar{ /*estilo do menu de navegação */ font-family: 'Roboto Condensed', sans-serif; font-size: 15px; width: 100%; padding: 2px 0; top: 0; left: 0; background: #333; text-align: center; letter-spacing: 2px; } #navbar li{ display: inline; padding: 0 20px; font-size: 12px; } #navbar li:last-child{ border-right: none } #navbar li a{ text-transform: uppercase; text-decoration: none; color: #fff; } #navbar li a:hover{ color: #FFF151 } code{ overflow: auto; background:#f0f0f0; border: 1px solid #ccc; color:#999; font-size: 11px; height:100px; /* edite a altura máxima da caixa*/ display:block; white-space:pre; text-align:left; word-wrap:break-word; padding:0 10px 5px 20px; width: auto; } .status-msg-body{ border: 1px solid #333; padding: 11px; color: #333; font-family: 'Roboto', sans-serif; } .status-msg-body a{ color: #000; background: #fff150 } .status-msg-border{ border: none } .status-msg-bg{ background: transparent } ]]>