/* THEME NAME: Harmuch53 THEME URI: http://harmuch53.com.br/ DESCRIPTION: Harmuch 53 's Theme VERSION: 0.1 AUTHOR: Guilherme Nagüeva AUTHOR URI: TAGS: sandbox, microformats, race, fusca, rally, nagueva, harmuch */ @import url('examples/harmuch.css'); /************************************************************ 0 - ESTRUTURA GERAL 0.1 - Header 0.2 - Menu Principal 0.3 - Classes Gerais 0.4 - Elementos Comuns 0.5 - Rodape 1 - CONTEUDO 1.1 - Navegacao 1.2 - Comentarios 1.3 - Form Comentarios 2 - SIDEBAR 2.1 - Form de Busca ************************************************************/ /************************************************************ 0 - ESTRUTURA GERAL ************************************************************/ *{margin:0;padding:0;border:0} html{background:#F3C760 url('v1/bg-html.jpg') repeat-x 0 0} body{font:62.5% Arial, Helvetica, sans-serif;cursor:default; padding-bottom:260px; position:relative;} #wrapper{margin:auto;width:1000px;font-size:1.2em; overflow:hidden;} .skip-link{position:absolute;top:10px;right:15px;visibility:hidden} .skip-link a{color:#fcf9e5} .skip-link a:hover{color:#d45800} /* 0.1 - Header */ #header{background:url('v1/bg-topo.jpg') no-repeat center 0;height:145px;padding:160px 0 0 53px} #blog-title{float:left;overflow:hidden} #blog-title a{display:block;width:240px;height:84px;text-indent:-9999px;background:url(v1/logo.jpg) no-repeat 0 0} #blog-description{color:#fff;font-size:1.4em;font-weight:bold;padding:8px 0 0; float:left; clear:left;} /* 0.2 - Menu Principal */ #menu{height:50px;padding:0 15px} #menu ul{height:36px} #menu li{list-style:none;float:left} #menu li a{color:#fff;font-weight:bold;font-size:1.2em;text-transform:uppercase;text-decoration:none;display:block;padding:10px} #menu li:hover, #menu li a:hover{background:#2E292A;color:#fff} #menu ul ul{position:absolute;background:#cbc57a;width:150px;display:none} #menu li ul a{text-transform:none;font-size:1em;color:#556f13;width:130px} #menu li:hover li:hover, #menu li ul a:hover{color:#38490c;background:#bbb451} #menu ul ul ul{margin:-35px 0 0 150px;background:#bbb451} #menu li ul ul a{color:#38490c} #menu li ul ul a:hover{color:#1f2806;background:#a79f41} #menu li:hover ul{display:block} #menu li:hover ul ul{display:none} #menu li:hover li:hover ul{display:block} #menu ul ul ul ul, #menu li:hover ul ul ul, #menu li:hover li:hover ul ul{display:none} /* 0.3 - Classes Gerais*/ .alignright, img.alignright{float:right;margin:1em 0 0 1em} .alignleft, img.alignleft{float:left;margin:1em 1em 0 0} .aligncenter, img.aligncenter{display:block;margin:1em auto;text-align:center} div.gallery{clear:both;height:180px;margin:1em 0;width:100%} p.wp-caption-text{font-style:italic} div.gallery dl{margin:1em auto;overflow:hidden;text-align:center} div.gallery dl.gallery-columns-1{width:100%} div.gallery dl.gallery-columns-2{width:49%} div.gallery dl.gallery-columns-3{width:33%} div.gallery dl.gallery-columns-4{width:24%} div.gallery dl.gallery-columns-5{width:19%} div#nav-images{height:150px;margin:1em 0} /* 0.4 - Elementos Comuns */ a{color:#d45800} /* 0.5 - Rodape */ #footer{background: url(v1/bg-rodape.jpg) repeat-x 0 0;color:#b4b28b;padding:72px 0 16px;text-align:center} #footer a{text-decoration:none;color:#fff} #footer a:hover{text-decoration:underline;} /************************************************************ 1 - CONTEUDO ************************************************************/ #container{padding:20px 0 0;/*background:url('v1/bgMor.jpg') no-repeat center -204px*/} .post, div.page{padding:5px 5px 20px;margin:0 0 5px;/*background:url(v1/bgPost.jpg)no-repeat center bottom*/} h2.page-title{font-weight:normal;color:#BF8A0F;padding:0 0 5px 10px;margin:10px 0 5px 5px; font-size:1em} h2.page-title span{ font-weight:bold;} h2.entry-title{font-size:1.7em;color:#fff; background:url(v1/bg-title.gif) no-repeat 0 0; display:block; height:48px; padding:8px;} h2.entry-title a{text-decoration:none; color:#fff;} h2.entry-title a:hover{color:#fff} .entry-date{color:#BF8A0F; padding-left:10px; padding-top:5px; } .entry-content{margin:10px 0;padding:10px 10px 0;color:#000; background-color:#fff} .entry-content p{padding:0 0 10px;line-height:1.5em; font-size:1.2em; overflow:hidden;} .entry-meta{text-align:right; margin:-12px -7px 0 0} .entry-meta .comments-link a{display:block;margin:auto;margin-right:7px;width:92px;padding:7px 42px 7px 7px;background:#fff url(v1/bgCommentsLink.jpg) no-repeat right center;text-decoration:none} .entry-meta .comments-link a:hover{text-decoration:underline;color:#ff6600} /* 1.1 - Navegacao */ .wp-pagenavi{padding:10px 20px 5px} .wp-pagenavi a{border:#ddd 1px solid;background:#fff;color:#d45800;padding:5px;font-size:1.6em;margin:0 10px 0 0;text-decoration:none;} .wp-pagenavi a:hover{background:#d45800;color:#fff; } .wp-pagenavi span.pages{border:#ddd 1px solid;background:#fff;color:#d45800;padding:5px;font-size:.9em;margin:0 10px 0 0;} .wp-pagenavi span.current{border:#ddd 1px solid;background:#d45800;color:#fff;padding:7px;font-size:1.6em;margin:0 10px 0 0;} /* 1.2 - Comentarios */ .comments{padding:0 20px 20px} #respond{padding:0 80px 20px} .comments h3, #respond h3{color:#BF8A0F;font-size:1.7em;padding:0 0 5px;} .comments ol{list-style:none;list-style-position:inside} .comments ol li{padding:10px;border-bottom:#fff 1px dotted;line-height:1.4em;color:#333} .comments ol li:hover{background:} .comments .comment-author{font-size:1.3em;font-weight:bold;color:#999;padding:0 0 5px} .comments .comment-author a{color:#000;text-decoration:none} .comments .comment-author img{float:right} .comments .comment-text{line-height:1.5em;color:#666} /* 1.3 - Form Comentários */ #respond form{padding:10px 10px 45px;} #respond .form-label{margin:10px 0 3px;color:#000} #respond form p{padding:3px 0 0;color:#000} #respond input.text, #respond textarea{border:#ccc 1px solid;width:382px;padding:3px;font:1em Arial, Helvetica, sans-serif} #respond input.text:focus, #respond textarea:focus{border-color:#666} #respond input.button{float:right;cursor:pointer;background:#fff;color:#d45800;margin:10px 0 0;padding:3px;text-transform:uppercase;font-weight:bold;font-size:1.2em;font-family:Arial, Helvetica, sans-serif;} #respond input.button:hover{background:#d45800;color:#fff} /************************************************************ 2 - SIDEBAR ************************************************************/ .sidebar{margin-top:50px;color:#d45800} .sidebar h3{font-size:1.3em;font-weight:bold;margin:5px;padding:5px 5px 0} .sidebar li li{margin:0 5px;list-style:none;padding:0} .sidebar li li a{display:block;padding:8px 5px 8px 30px;text-decoration:none; background:#2E292A url('v1/bg-seta01.gif') no-repeat 5px 6px;} .sidebar li li a:hover{ text-decoration:underline;} .sidebar li{background:url('v1/box01-bottom.gif') no-repeat center bottom; padding-bottom:7px; margin-bottom:20px;} .sidebar li ul {background:url('v1/box01-bg.gif') repeat-y 0 0;} .sidebar#primary, .sidebar#secondary{color:#f0f0f0} .sidebar#primary h3, .sidebar#secondary h3{text-transform:uppercase;font-size:1.2em; margin:0; background:url('v1/box01-top.gif') no-repeat 0 0; display:block; width:204px; height:41px; color:#fff; line-height:41px; padding:0 0 0 10px;} .sidebar#primary a, .sidebar#secondary a{color:#fff} .sidebar#primary a:hover, .sidebar#secondary a:hover{color:#fff} .sidebar#primary .entry-content{ background:url("v1/box01-bg.gif") repeat-y 0 0 ; padding-left:3px !important;} .sidebar#primary .entry-content img {border:2px solid #fff!important;} /*.sidebar#secondary h3{text-transform:uppercase;font-size:1.2em; margin:0; background:url('v1/box02-top.gif') no-repeat 0 0; display:block; width:204px; height:41px; color:#fff; line-height:41px; padding:0 0 0 10px;} */ .sidebar#secondary li li a{background:none; padding:0;} .sidebar#secondary li ul li{margin-bottom:0; padding-bottom:0; background:none; text-align:center;} .sidebar#secondary li ul li, #archives ul{ padding:5px 10px 10px; } .sidebar#secondary li ul li img, #archives ul img{ display:block; margin-bottom:-30px; padding:0 4px; background:#fff; } #secondary.sidebar li ul.xoxo li{ background:#fff; margin:0px 10px 0px; } /* .sidebar#secondary li{background:url('v1/box02-bottom.gif') no-repeat 0 bottom; padding-bottom:6px; margin-bottom:20px;} .sidebar#secondary li ul {background:url('v1/box02-bg.gif') repeat-y 0 0;} .sidebar#secondary li ul li{margin-bottom:0; padding-bottom:0;} */ #box-busca{ float:right; width:230px; margin-top:-70px; text-align:right; } #box-busca .text{ width:230px; font-size:22px; padding:2px 3px; } #box-busca .button{ width:80px; margin-top:12px; height:23px; cursor:pointer; text-indent:-500em; line-height:100px; font-size:1; color:#FF3A45; background:url('v1/bg-busca.gif') no-repeat 0 0; } div#footer p{ display:block; background:url('v1/rodape-img.jpg') no-repeat right; width:1000px; line-height:105px; font-size:1.2em; height:150px; }