/* Theme Name: Philipe Coutinho Theme URL: http://www.philipecoutinho.com Description: Philipe Coutinho desenvolvido por Towerweb. Author: Vitor Almeida Author URI: http://www.towerweb.com.br Version: 1.1 Tags: two-columns, left-sidebar, fixed-width, blue, white The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php Changelog: v1.0 - 4/28/09 v1.1 - 4/29/09 */ /* Geral ----------------------------------------------- */ body { background-color: #dcedf5; color: #22455C; font: 0.84em/1.333 Arial,Tahoma,Verdana,Helvetica,Sans-serif; } a, a:link, a:visited, a:active { color: #0088e5; text-decoration: none; } a:hover { color: #0078cb; text-decoration: none; } a img { border: none; } h1, h2, h3, h4, h5, h6 { color: #0088e5 !important; } h1 {font-size: 2em; margin: 0 0 10px; padding: 0.25em 0;} h2 {font-size: 26px; margin: 0 0 10px; padding: 0.25em 0;} h3 {font-size: 20px; margin: 0 0 10px; padding: 0.125em 0;} h4 {font-size: 18px; margin: 5px 0 0;} h5 {font-size: 16px margin: 5px 0 0;} h6 {font-size: 14px; margin: 5px 0 0;} p {margin: 0.33em 0 1em 0;} ul, ol {margin: 1em 0; padding-left: 2.5em;} dt {margin: 0.5em 0 0;} dd {margin: 0.25em 0 0.5em 2.5em;} hr {background: #eaeaea; color: #eaeaea; clear:both; float:none; width:100%; height: 3px; margin:0; border:none; } strong { font-weight: bold; } /* Basicos ----------------------------------------------- */ .pointer { cursor: pointer; } .alignL { text-align: left !important; } .alignR { text-align: right !important; } .alignC { text-align: center !important; } .clearB { line-height: 1px !important; clear: both !important; } .clearN { clear: none !important; } .clearL { clear: left !important; } .clearR { clear: right !important; } .center { margin: 0 auto !important; float: none; display: block; } .floatL { float: left !important; display: inline !important; height:auto !important; } .floatR { float: right !important; display: inline !important; height:auto !important; } .noBorder { border-width: 0 !important; } .fontBold { font-weight: bold !important; } .fontNormal { font-weight: normal !important; } .toLower { text-transform: lowercase; } .toUpper { text-transform: uppercase; } .displayNone { display: none !important; } .displayInline { display: inline !important; } .displayBlock { display: block !important; } .clearfix { clear:both; overflow:hidden; } .clearfix:after { clear:both; content: " "; display: block; } .del { text-decoration: line-through; } .icons, .required { background-color: transparent; background-repeat: no-repeat; background-position: left top; padding-left: 20px !important; } .bgCenter { background-position: left center !important; } /* Icones ----------------------------------------------- */ .icon { background-color: transparent; background-image: none; background-repeat: no-repeat; height: 16px; width: 16px; margin: 0px 2px -4px 2px; } .comments { background-image:url(img/comments.gif) !important; height: 15px; width: 22px; } .towerweb { background-image:url(img/logo_towerweb.jpg) !important; height: 27px; width: 15px; } .close { background-image:url(img/button_close.gif) !important; height: 18px; width: 50px; } .home { background-image:url(img/button_home.jpg) !important; height: 22px; width: 56px; } /**************************** * * * BLOG * * * ****************************/ #blog #header, #blog #content { border: 1px solid #b2d0dc; border-width: 0px 1px 1px; margin: 0 auto; width: 998px; position: relative; } #blog #header { background: transparent url(img/blog_header.jpg) no-repeat center top; height: 266px; } #header h1 { display: none; } #header .goHome { position: absolute; bottom: 0px; left: 260px; } #blog #content { background-color: #FFF; padding: 10px 0 35px; position: relative; text-align: center; } #content h2 { font-size: 26px; font-weight: bold; margin: 0; padding: 0 !important; text-align: center; } #content #sidebar, #content #posts { display: inline; position: relative; text-align: left; } #content #sidebar, #content #footer { border-top: 3px solid #eaeaea; } #content #sidebar { margin-left: 15px; width: 228px; } #sidebar .box { display: block; margin-bottom: 25px; } #sidebar .box .inner { color: #34576e; padding: 0px 10px; } #sidebar .box h3 { font-size: 25px; font-weight: bold; margin: 10px 0; padding: 0; } #sidebar #archives .title, #sidebar #calendar .title { display: none; } #sidebar #boxPerfil, #sidebar .widget_text { } #boxPerfil p, #sidebar .textwidget { font-size: 11px; margin: 0; } #sidebar #boxBusca, #sidebar #search { } #boxBusca label, #sidebar #search label { font-weight: bold; } #sidebar #boxArquivos, #sidebar #archives { } #sidebar #archives .inner { text-align: center; } #sidebar #boxCalendario, #sidebar #calendar { } table#wp-calendar {border-collapse:separate;border-spacing:0;} table#wp-calendar {width:100%;} #wp-calendar thead { margin-bottom: 10px; } #wp-calendar tbody { } #wp-calendar tfoot {font-style:italic;} #wp-calendar table, #wp-calendar td, #wp-calendar th {font-size: 11px;vertical-align:middle;} #wp-calendar caption, #wp-calendar th, #wp-calendar td {text-align:left;font-weight:normal;} #wp-calendar caption { font-weight: bold; text-align: center; text-transform: uppercase; } #wp-calendar th {font-weight:bold;} #wp-calendar thead th {background-color:#eaf4fb; text-align: center !important; } #wp-calendar th, #wp-calendar td, #wp-calendar caption {padding:4px 10px 4px 5px;} #wp-calendar tbody tr td, #wp-calendar tbody tr th {border-bottom:1px solid #b2d0dc; text-align: center; vertical-align: top;} #wp-calendar tbody tr td a, #wp-calendar #prev a, #wp-calendar #next a { font-weight: bold; } #wp-calendar #next { text-align: right; } #wp-calendar #today { font-weight: bold; } #content #posts { background-color: #eaf4fb; margin: 0 15px 30px 0; padding: 15px 25px 0; width: 670px; } #content #posts h2 { margin: 0 0 10px 0; } #content #posts .post { margin: 0 auto 30px; text-align: left; } #content #posts #post-nav { background-color: #FFF; font-size: 14px; font-weight: bold; padding: 10px 0; } .post .title { margin: 0 0 10px !important; } .post .title .date { background-color: #FFF; color: #34576e; font-size: 12px; font-weight: bold; margin-bottom: 10px; padding: 5px 8px; } .date .author { color: #797979; font-size: 11px; font-style: italic; font-weight: normal; } .post .title h2 { margin: 0; text-align: left !important; } .post .post-content { color: #22455c; display: block; font-size: 13px; padding: 0 10px; } /*.post-content img { background-color: #FFF; border: 1px solid #b2d0dc; clear: both; display: block; margin: 25px auto !important; padding: 10px; }*/ .post-content dl.wp-caption { -moz-border-radius:3px; background-color:#FFF; border:1px solid #b2d0dc; margin:10px auto; padding-top:4px; text-align:center; } .post-content dl.wp-caption img { border: 0 none; margin: 0; padding: 0; } .post-content .wp-caption-dd { font-size: 11px; line-height: 17px; margin:0; padding:0 4px 5px; } .post-content p { font-size: 13px; line-height: 15px !important; } .post-content .youtube-player { margin: 0 auto; padding: 5px 0 15px; text-align: center !important; } .post-content h1 { } .post .comentarios { background-color: #f2f8fd; margin-top: 10px; padding: 5px 8px; } .comentarios a { font-size: 12px; font-weight: bold; } #paginacao { } #paginacao a { font-size: 15px; font-weight: bold; } #content #footer { display: block; font-size: 12px; margin: 0 15px; padding: 15px 0 0 0; } #footer p { color: #34576e; display: inline; float: left; font-weight: bold; margin: 0; } #footer a.goSite { font-size: 11px; font-weight: bold; margin-left: 20px; text-decoration: underline; } #footer a.goTower { display: inline; float: right; margin-top: -5px; } /**************************** * * * COMENTÁRIOS * * * ****************************/ .commentspopup #header, .commentspopup #content { width: 418px !important; } .commentspopup #header { background-image: url(img/blog_comments_header.jpg) !important; height: 152px !important; text-align: right; } .commentspopup #header .closeWindow { position: absolute; top: 100px; right: 20px; } .commentspopup #content { background-color: #fff !important; padding: 10px !important; text-align: left !important; width: 398px !important; } .commentspopup #content h2 { text-align: left; } .commentspopup .warning { color: #B00000; } .commentspopup code { background-color: #FFF; border: 1px solid #eaeaea; display: block; font-family: "Consolas","Monaco","Bitstream Vera Sans Mono","Courier New",Courier,monospace; padding: 5px; margin: 5px; } .commentspopup #commentlist { text-align: left; padding-left: 0px !important; margin: 0 0 10px; } .commentspopup #commentlist li { background-color: #e9eff0; margin: 15px 0 20px; *margin-top: 45px; padding-bottom: 1px; } #commentlist .comment-info { display: block; margin-bottom: 5px; } #commentlist .comment-info cite { background-color: #cde1ec; border-bottom: 1px solid #c9d7da; color: #2d4b57 !important; display: block; padding: 5px 10px; } #commentlist .comment-info cite .nome { font-weight: bold; } #commentlist .comment-text { } #commentlist .comment-text p { background-color: #e9eff0; margin: 0 10px 10px; } .commentspopup #commentform { border-top: 3px solid #eaeaea; padding-top: 10px; } .commentspopup #commentform #comment { width: 360px; } .commentspopup #footer { margin: 0 !important; } .commentspopup #footer a.goSite { display: none; }