/* Theme name: Blog Mídia Digital Theme URI: http://www.midiadigital.com.br/ Description: Tema desenvolvido exclusivamente para o blog da Mídia Digital Author: Gustavo Krause Author URI: http://www.midiadigital.com.br/ Tags: green, red, blue, two columns */ /* Cliente: Mídia Digital Projeto: Blog */ /* -------------- PALETA DE CORES -------------- #282d2d - Textos #ec0000 - Vermelho #fff - Branco #0099b6 - Azul #ccc - Cinza */ /* -------------- ELEMENTOS e CLASSES -------------- */ /* ------- GERAL ------- */ * { margin: 0; padding: 0; z-index: 1; } /* ------- CLASSES ------- */ .direita, .alignright { float: right; } .esquerda, .alignleft { float: left; } p.direita, p.esquerda { float: none; } p.direita { text-align: right; } p.esquerda { text-align: left; } .centro { text-align: center; } a.voltar { display: block; width: 57px; height: 23px; background: url(imagens/bg_voltar.gif) no-repeat; line-height: 23px; text-indent: -999em; overflow: hidden; } /* contendo float */ .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .contemfloat { display: inline-block; } /* Hides from IE-mac \*/ * .contemfloat { height: 1%; } .contemfloat { display: block; } /* End hide from IE-mac */ /* ------- ELEMENTOS ------- */ html, body { height: 100%; } html { background: #e1e1e1 url(imagens/bg_html.jpg) left top repeat-x; font-size: 100%; } body { font: .68em "Trebuchet MS", times; color: #282d2d; } a { color: #282d2d; } a:hover { color: #ec0000; } h1 { font-size: 2.7em; } #limites { position: relative; min-height: 100%; width: 760px; margin: 0 auto; } * html #limites { height: 100%; } /* ------- TOPO ------- */ #topo { position: relative; height: 335px; margin-bottom: 23px; background: url(imagens/bg_topo.jpg) no-repeat; } #topo h2 { position: absolute; top: 30px; left: 191px; width: 214px; height: 134px; } #topo h2 a { display: block; width: 214px; height: 134px; background: url(imagens/marca_midia_digital.png) no-repeat; text-indent: -999em; overflow: hidden; } #topo #flash_topo { position: absolute; top: 30px; left: 191px; width: 214px; height: 134px; } #topo h3 { display: none; } #topo #menu, #topo #frmbusca { height: 20px; padding-top: 315px; } #topo #menu { float: left; width: 470px; padding-left: 30px; list-style: none; } #topo #menu li { height: 20px; padding-left: 25px; background: url(imagens/icones.gif) no-repeat; line-height: 20px; } #topo #menu li.esquerda { margin-right: 18px; } #topo #menu li a { color: #ec0000; text-decoration: none; } #topo #menu li a:hover { color: #282d2d; } #topo #menu li.rss { background-position: left -40px; } #topo #menu li.blog { background-position: left -80px; } #topo #menu li.blog a { color: #0099b6; } #topo #menu li.blog a:hover { color: #005c8a; } #topo #frmbusca { width: 225px; margin-left: 532px; } html > body #topo #frmbusca { margin-left: 535px; } #topo #frmbusca fieldset { border: 0; } #topo #frmbusca input { width: 160px; margin-right: 9px; padding: 3px 2px 2px; border: 1px solid #ccc; font-size: 1em; } #topo #frmbusca button { width: 47px; height: 20px; border: 0; background: url(imagens/bg_botao_busca.gif) no-repeat; font-weight: bold; font-size: 1em; color: #fff; cursor: pointer; } /* ------- CONTEUDO ------- */ #conteudo { padding-bottom: 50px; } /* ------- COLUNA 1 ------- */ #coluna1 { float: left; width: 470px; padding-left: 30px; } #coluna1 p { margin-bottom: 1.7em; } #coluna1 .navegacao { margin-bottom: 60px; } #coluna1 .post { margin-bottom: 55px; } #coluna1 .post ul, #coluna1 .post h4 { margin: 10px 0 20px; } #coluna1 .post h3 { font-size: 2.7em; } #coluna1 .post h3 a { text-decoration: none; } #coluna1 .post .autor strong { font-weight: normal; font-size: 1.27em; color: #ec0000; } #coluna1 .post .metas { font-size: .9em; } #coluna1 .post .comentarios { width: 111px; height: 29px; background: url(imagens/bg_link_comentarios.gif) no-repeat; line-height: 29px; text-align: center; } #coluna1 .post .comentarios strong { font-size: 1.27em; } #coluna1 .post .comentarios a { text-decoration: none; } #coluna1 .post .comentarios a:hover { text-decoration: underline; color: #fff; } #coluna1 .post .feeds { height: 20px; padding-left: 25px; background: url(imagens/icones.gif) left -40px no-repeat; line-height: 20px; } #coluna1 .post .feeds a { color: #ec0000; } #coluna1 .post .feeds a:hover { color: #282d2d; } /* comentarios */ #coluna1 .post #comentarios { margin: 0 -20px; list-style: none; } #coluna1 .post #comentarios li { width: 470px; margin-bottom: 14px; padding: 20px; background-color: #fff; } * html #coluna1 .post #comentarios li { position: relative; } #coluna1 .post #comentarios p.leitor { margin: 0; } #coluna1 .post #comentarios p.leitor strong { font-weight: normal; color: #ec0000; } #coluna1 .post #comentarios p.leitor strong a { color: #ec0000; } #coluna1 .post #comentarios p.leitor strong a:hover { color: #282d2d; } /* formulario para comentar */ #coluna1 #frmcomentario fieldset { border: 0; } #coluna1 #frmcomentario fieldset legend { font-size: 1.81em; color: #ec0000; } #coluna1 #frmcomentario fieldset ol { padding-top: 10px; list-style: none; font-size: 1.45em; } #coluna1 #frmcomentario fieldset li { margin-bottom: 10px; } #coluna1 #frmcomentario fieldset input, #coluna1 #frmcomentario fieldset textarea { padding: 3px 2px 2px; border: 1px solid #ccc; font-size: .68em; } #coluna1 #frmcomentario fieldset input { width: 250px; } #coluna1 #frmcomentario fieldset textarea { width: 360px; font: .9em "Trebuchet MS", times; } #coluna1 #frmcomentario fieldset .aviso { font-style: normal; font-size: .68em; color: #ec0000; } #coluna1 #frmcomentario fieldset p.aviso { font-size: 1em; } #coluna1 #frmcomentario fieldset label { float: left; display: block; width: 60px; } #coluna1 #frmcomentario fieldset .comentario label { width: 100px; } #coluna1 #frmcomentario fieldset button { display: block; width: 86px; height: 32px; border: 0; background: url(imagens/bg_bt_comentario.gif) no-repeat; text-indent: -999em; overflow: hidden; cursor: pointer; } #coluna1 #frmcomentario fieldset button:hover { background-position: 0 bottom; } /* ------- COLUNA 2 ------- */ #coluna2 { width: 225px; margin-left: 532px; padding-bottom: 55px; } html > body #coluna2 { margin-left: 535px; } /* certificados */ #coluna2 #certificados { width: 152px; margin: 0 auto 30px; list-style: none; overflow: hidden; } #coluna2 #certificados li.yahoo { width: 152px; height: 54px; margin-bottom: 10px; background: url(imagens/selo_yahoo.png) center no-repeat; text-indent: -999em; overflow: hidden; } #coluna2 #certificados li.adwords, #coluna2 #certificados li.analytics { width: 65px; height: 61px; } #coluna2 #certificados li.adwords a, #coluna2 #certificados li.analytics a { display: block; width: 65px; height: 61px; text-indent: -999em; overflow: hidden; } #coluna2 #certificados li.adwords { margin-left: 10px; background: url(imagens/selo_adwords.jpg) center center no-repeat; } * html #coluna2 #certificados li.adwords { margin-left: 5px; } #coluna2 #certificados li.analytics { margin-right: 10px; background: url(imagens/selo_analytics.jpg) no-repeat; } * html #coluna2 #certificados li.analytics { margin-right: 5px; } #coluna2 #categorias h4 { padding: 0 10px; background-color: #ec0000; font-weight: normal; font-size: 1.27em; line-height: 30px; color: #fff; } #coluna2 #categorias ul { list-style: none; } #coluna2 #categorias ul li { padding: 0 10px; line-height: 30px; } * html #coluna2 #categorias ul li { height: 1%; } #coluna2 #categorias ul li a { font-weight: bold; text-decoration: none; } /* ------- RODAPE ------- */ #rodape { position: absolute; bottom: 0; left: 50%; width: 760px; height: 52px; margin-left: -380px; padding-top: 10px; background: url(imagens/bg_rodape.gif) right 0 no-repeat; text-align: center; } #rodape .vcard .fn, #rodape .vcard .org { display: none; } #rodape .vcard address { font-style: normal; } /* -------------- PAGINAS -------------- */ /* ------- HOME ------- */ #home #topo #menu li.blog { display: none; } #home h1 { display: none; } /* ------- INTERNA ------- */ #home.interna #topo #menu li.blog { display: block; } /* ------- POST ------- */ #post #coluna1 .post .feeds { margin-bottom: 3.18em; } #post #comentarios { padding: 0 0 15px; }