/* THEME NAME: Os Primitivos THEME URI: http://twitter.com/osprimitivos DESCRIPTION: Tema do blog "Os Primitivos" VERSION: 0.9 AUTHOR: Guilherme Nagüeva AUTHOR URI: TAGS: nagueva, os primitivos */ /********************************************************** 0 - ESTRUTURA GERAL 0.1 - HEADER 0.1.1 - MENU PRINCIPAL 0.2 - CONTEUDO 0.3 - RODAPE 1 - POSTS 2 - COMMENTS 3 - SIDEBAR **********************************************************/ /********************************************************** 0 - ESTRUTURA GERAL **********************************************************/ *{margin:0;padding:0;border:0;} html{background:#fff url('v1/bg-bottom.jpg') repeat-x 0 bottom;} body{font:62.5% Arial, sans-serif;background:url('v1/bg-topo.jpg') repeat-x center 0;color:#666;cursor:default;} #wrapper{width:1000px;margin:auto;} /* 0.1 - HEADER */ #header{background: url('v1/bg-header.jpg') no-repeat 0 0;height:286px;} #header h1{width:410px;height:190px;padding:10px 0 0 0;overflow:hidden;} #header h1 a{display:block;width:410px;height:190px;text-indent:-5000em;} /* 0.1.1 - MENU PRINCIPAL */ #header #menu{margin:25px 20px 0;height:46px;} #header #menu ul{list-style:none;padding:0 10px;} #header #menu li{float:left;height:46px;margin:0 10px 0 0;} #header #menu a{font-size:1.8em;text-transform:uppercase;font-weight:bold;letter-spacing:-.025em;text-decoration:none;float:left;height:33px;padding:13px 10px 0;color:#7D2D0D;} #header #menu a:hover{background:#eebb00;color:#562000;} /* 0.2 - CONTEUDO */ #wrap{background:#fff;overflow:hidden;padding:0 0 10px;} #container{float:left;margin:0 -340px 0 0;width:980px;padding:10px;background:#fff url('v1/bg-container.jpg') no-repeat 0 0;min-height:500px;} #content{margin:0 340px 0 0;} .wp-pagenavi{padding:10px 20px 20px;height:50px;border-bottom:#ccc 5px dotted;margin:0 0 10px;} .wp-pagenavi a{color:#e45b0c;padding:5px;font-size:5em;font-weight:bold;margin:0 5px 0 0;text-decoration:none;} .wp-pagenavi a:hover{background:#e45b0c;color:#fff;} .wp-pagenavi span.pages{display:none;font-size:1.4em;color:#999;} .wp-pagenavi span.current{color:#999;padding:5px;font-size:5em;font-weight:bold;margin:0 5px 0 0;} /* 0.3 - RODAPE */ #footer{clear:both;width:1000px;background:url('v1/bg-bottom.gif') no-repeat 0 0;height:405px;margin:0 auto; } #footer .tagcloud{margin:0 10px 10px 260px;height:150px;} #footer .tagcloud a{color:#ccc;padding:0 2px;text-decoration:none;} #footer .tagcloud a:hover{color:#666;text-decoration:underline;} #wp-footer{display:none;} #margin:0 auto; /********************************************************** 1 - POSTS **********************************************************/ .hentry{padding:10px 0 20px;border-bottom:#ccc 5px dotted;margin:0 0 20px;} .page-title{clear:both;font-size:2.4em;letter-spacing:-.055em;font-weight:bold;padding:10px;border-bottom:#ededed 10px solid;border-top:#ededed 10px solid;background:#f7f7f7;margin:0 0 10px} .hentry .entry-title{font-size:3.6em;letter-spacing:-0.05em;word-spacing:0.025em;line-height:.9em;padding:0 10px;color:#e45b0c;} .hentry .entry-title {clear:both;} .hentry .entry-title a{text-decoration:none;color:#e45b0c;} .hentry .entry-title a:hover{text-decoration:underline;} .hentry .entry-date{color:#999;text-align:left;padding:0 0 0 10px;} .hentry .entry-content{font-size:1.4em;padding:0 10px;} .hentry .entry-content p{padding:5px 0;line-height:1.2em;} .hentry .entry-content a{color:#e45b0c;text-decoration:none;} .hentry .entry-content a:hover{text-decoration:underline;} .hentry .entry-content .more-link{display:block;width:100px;margin:10px 0 0;padding:5px;font-weight:bold;text-transform:uppercase;text-decoration:none;background:url('v1/bg-readmore.jpg') no-repeat 78px 2px;} .hentry .entry-content .more-link:hover{text-decoration:underline;} .hentry .entry-meta{font-size:1.2em;color:#888;line-height:1em;height:45px;margin:20px 0 0;background:#f2f2f2;clear:both;} .hentry .entry-meta a{font-weight:bold;text-decoration:none;color:#888;} .hentry .entry-meta a:hover{text-decoration:underline;color:#e45b0c;} .hentry .entry-meta .comments-link{background:#f2f2f2 url('v1/bg-comments.jpg') no-repeat 0 0;width:180px;height:29px;padding:6px 0 0;float:left;} .hentry .entry-meta .comments-link .number{text-align:center;height:33px;width:43px;padding:5px 0 0;margin:0 5px 0 0;float:left;font-family:"Comic Sans MS";font-weight:bold;font-size:1.4em;color:#777;letter-spacing:-.05em;} .hentry .entry-meta .cat-links{background:#f2f2f2 url('v1/bg-catlinks.jpg') no-repeat 0 0;height:29px;padding:6px 5px 0 52px;float:left;margin:0 10px 0 0;} .hentry .entry-meta .tag-links{background:#f2f2f2 url('v1/bg-taglinks.jpg') no-repeat 0 0;height:29px;padding:6px 5px 0 35px;float:left;margin:0 10px 0 0;} .like{background:#f2f2f2 ;height:29px;padding:6px 5px 0 12px;float:left;margin:0 10px 0} .alignleft{float:left;margin:0 10px 10px 0} .alignright{float:right;margin:0 0 10px 10px} .aligncenter{display:block;margin:0 auto;text-align:center} /************************************************************************* 2 - COMMENTS *************************************************************************/ #comments{font-size:1.2em;padding:0 40px 0px;margin:0 0 20px;border-bottom:#ccc 5px dotted;} #comments h3{font-size:2.4em;color:#e45b0c;letter-spacing:-.055em;margin:0 0 0} #comments ol{margin:15px 0 5px} #comments ol li{list-style:none inside;overflow:hidden;border-bottom:#f7f7f7 10px solid;margin:0 0 10px 50px;color:#666666} #comments ol li p{line-height:1.4em;padding:0 0 10px} #comments .comment-author{color:#999;font-size:1.6em;padding:0 0} #comments .comment-author a{color:#999;text-decoration:none;} #comments .comment-author a:hover{color:#e45b0c;text-decoration:underline;} #comments .comment-author img{position:absolute;margin-left:-40px} #comments .comment-meta{display:none;} .loggedin #comments .comment-meta{display:none;} .comment-page-numbers{padding:0 0 20px 50px;font-size:1.6em;color:#999} .comment-page-numbers a{padding:5px;border:#ccc 1px solid;text-decoration:none;color:#999} .comment-page-numbers a:hover{color:#fff;background:#666} #comment-notes{padding:10px 0 20px 50px;color:#999} #respond{padding:0 0 70px} #respond input, #respond textarea{border:#ccc 5px solid;font:1.6em Arial;padding:3px;color:#666;width:430px;cursor:default} #respond input:focus, #respond textarea:focus{cursor:text;border-color:#666;color:#666} #respond .form-label{float:left;text-align:right;width:100px;color:#666;font-size:1.4em;padding:10px 5px 0 0} #respond .form-input{padding:0 0 10px} #respond #submit{width:auto;float:right;text-transform:uppercase;font-weight:bold;margin:10px 70px 0 0;background:#eee;cursor:pointer} #respond #submit:hover{background:#666;color:#eee} /********************************************************** 3 - SIDEBAR **********************************************************/ .sidebar{float:right;overflow:hidden;width:300px;padding:10px;margin:10px 10px 0 0;background:url('v1/bg-sidebar.jpg') fixed repeat-x 0 0;} .sidebar h3{font-size:1.8em;color:#999;border-bottom:#ccc 1px solid;margin:0 0 5px;} .sidebar a{text-decoration:none;color:#999;} .sidebar a:hover{text-decoration:underline;color:#e45b0c;} .sidebar p{margin:0 0 0 5px;font-size:1.2em;color:#999;padding:2px 0 0;} .sidebar li{list-style:none;margin:0 0 15px;} .sidebar ul ul{margin:0 0 0 15px;font-size:1.2em;} .sidebar ul ul li{list-style:disc;margin:0;} .sidebar ul ul ul{margin:0 0 0 5px;} .sidebar ul ul ul li{list-style:circle;} /* 3.1 - SEARCH */ #search h3{background:url('v1/bg-search.gif') no-repeat 0 0;padding:0 0 0 25px;} #search input{width:250px;background:#fff;border:#ddd 2px solid;font-size:1.8em;letter-spacing:-.05em;padding:2px;color:#999;cursor:default;} #search input:hover{border-color:#aaa;} #search input:focus{border-color:#666;cursor:text;color:#666;} #search input.button{border:0;;background:transparent url('v1/bg-search-button.gif') no-repeat right -5px;width:36px;text-indent:-5000em;cursor:pointer;opacity:.5;} #search input.button:hover{opacity:1;} /* 3.2 - FEED */ .feed, .orkut, .twitter{font-size:1.2em;height:48px;padding:5px 0 10px 55px;border-bottom:#ccc 1px dotted;} .feed{background:url('v1/bg-feed.gif') no-repeat 0 7px;} .orkut{background:url('v1/bg-orkut.gif') no-repeat 0 7px;} .twitter{background:url('v1/bg-twitter.gif') no-repeat 0 7px;} .feed a, .orkut a, .twitter a{font-size:1.6em;font-weight:bold;letter-spacing:-.05em;} .feed a, .feed a:hover{color:#ee6600;} .orkut a, .orkut a:hover{color:#cc0099;} .twitter a, .twitter a:hover{color:#0099cc;} /* 3.3 - PARTNERS */ .partners{overflow:auto;} .partners a{float:left;width:50px;height:50px;background:#ccc;margin:3px;border:#ccc 2px solid;} .partners a:hover{border:#e45b0c 2px solid;} /* 3.4 - NEWSLETTER */ #text-5 h3{background:url('v1/bg-newsletter.gif') no-repeat 0 1px;padding:0 0 0 25px;} .newsletter input.text{font-size:1.4em;padding:2px;margin:5px 0 5px 5px;border:#ccc 1px solid;width:245px;color:#666;font-family: Arial;} .newsletter input.submit{border:0;;background:url('v1/bg-search-button.gif') no-repeat right -7px;width:36px;height:24px;text-indent:-5000em;cursor:pointer;opacity:.5;} .newsletter input.submit:hover{opacity:1;}