/* Theme Name: Blog Transsen Theme URL: Description: This is the main theme for Version: v1.0 Author: Author URL: Tags: */ /************************************************************************ TABLE OF CONTENT 1. CSS RESET 2. COMMON DEFINITION 3. 4. 5. ************************************************************************/ /************************************************************************ CSS RESET ************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;} /************************************************************************ COMMON DEFINITION ************************************************************************/ .clearme:after{ content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0.1em; line-height: 0;} a{ text-decoration: none;} html,body{ } #wrapper-header-mapa{ width: 100%; background: url(images/bkg-header-mapa.jpg) top center repeat-y; display: none;} #wrapper-header-top{ width: 100%; height: 25px; background: url(images/bkg-gray-wp-header-top.jpg) top center no-repeat;} /************************************************************************ TOP HEADER ************************************************************************/ #header-top{ position: relative; width: 974px; height: 25px; margin: auto;} /************************************************************************ HEADER LOGO ************************************************************************/ h1#transsen{ position: absolute; top:0; left: 326px; width: 363px; height: 110px; background: url(images/logo.png) 0 0 no-repeat; overflow: hidden;} h1#transsen a{ display: block; width: 322px; height: 80px; text-indent: -9999px;} /************************************************************************ TOP HEADER NAV ************************************************************************/ ul#top-nav-left{ float: left; padding: 0 0 0 10px;} ul#top-nav-left li{ float: left; margin: 0 20px 0 0;} ul#top-nav-right{ float: right; padding: 0 10px 0 0;} ul#top-nav-right li{ float: right; margin: 0 0 0 20px;} ul#top-nav-left,ul#top-nav-right{ width: 450px; height: 25px;} ul#top-nav-left li a,ul#top-nav-right li a{ display: block; line-height: 25px; color: #fff; font: 11px/25px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.04em;} ul#top-nav-left li a:hover,ul#top-nav-right li a:hover{ color: #999;} /************************************************************************ HEADER MAPA ************************************************************************/ #header-mapa{ position: relative; width: 894px; height: 435px; margin: auto; padding: 55px 0 0;} #mapa{ float: left; width: 660px;} #mapa-right-links{ float: right; margin: 19px 0 0; border-left: 1px solid #000; padding: 0 0 0 16px;} #mapa-right-links li{ width: 199px; height: 44px;} #mapa-right-links li a{ display: block; width: 199px; height: 44px;} ul#mapa .page-item-13 a{ display: block; color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; margin: 0 0 5px;} ul#mapa .page-item-3,ul#mapa .page-item-4{ width: 190px; background: #474747; border: 1px solid #363636; padding: 5px;} ul#mapa .page-item-3 a,ul#mapa .page-item-4 a{ color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; margin: 0 0 5px;} ul#mapa .page-item-3{ margin: 0 0 20px;} ul#mapa .page-item-3 ul,ul#mapa .page-item-4 ul{ padding: 0 0 0 10px;} ul#mapa .page-item-3 li a,ul#mapa .page-item-4 li a{ color: #fff; font: 10px/11px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase;} ul#mapa .page-item-3{ height: 140px;} ul#mapa .page-item-4{ height: 206px;} ul#mapa .page-item-5{ position: absolute; top: 74px; left: 220px; width: 430px; height: 380px; padding: 5px; background: url(images/bkg-mapa-prod.jpg) 0 0 no-repeat;} ul#mapa .page-item-5 a{ color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; margin: 0 0 5px;} ul#mapa .page-item-5 ul{ padding: 0 0 0 10px;} ul#mapa .page-item-5 ul li.page-item-118,ul#mapa .page-item-5 ul li.page-item-120,ul#mapa .page-item-5 ul li.page-item-122,ul#mapa .page-item-5 ul li.page-item-124,ul#mapa .page-item-5 ul li.page-item-126{ width: 160px;} ul#mapa .page-item-5 ul li.page-item-127{ position: absolute; top: 19px; left: 230px; width: 170px;} ul#mapa .page-item-5 ul li.page-item-264{ position: absolute; top: 70px; left: 230px; width: 170px;} ul#mapa .page-item-5 ul li.page-item-264 ul{ display: none;} ul#mapa .page-item-5 li a{ color: #fff; font: 10px/11px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase;} ul#mapa .page-item-6,ul#mapa .page-item-8{ width: 200px; background: #474747; border: 1px solid #363636; padding: 5px; margin: 0 0 10px;} ul#mapa .page-item-6 a,ul#mapa .page-item-8 a{color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; margin: 0 0 5px;} ul#mapa .page-item-6{ position: absolute; top: 270px; left: 448px;} ul#mapa .page-item-8{ position: absolute; top: 313px; left: 448px;} #closemap{ padding: 20px 5px 0; text-align: center;} a#closemap{ display: block; color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif;} /************************************************************************ HEADER CONTATO ************************************************************************/ #wrapper-header-contato{ width: 100%; height: 255px; background: #6c6c6c ; padding: 130px 0 0;} #header-contato{ width: 960px; margin: auto;} #header-contato ul li{ float: left;} .marginright{ margin: 0 15px 0 0;} #header-contato h2{ margin: 0 0 20px;} #header-contato p{ color: #fff; font: 12px/15px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 0 0 5px;} #header-contato p a{ color: #999;} ul#contato-form{ float: left; height: 140px;} ul#contato-form2{ float: left;} ul#contato-form li{ clear: both; margin: 0 0 5px; color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif;} ul#contato-form li.xl{} ul#contato-form label{ display: block; float: left; text-align: right; color: #fff; width: 70px; font: 12px/20px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 0 5px 0 0; padding: 2px;} ul#contato-form label.labelxs{ width: 30px;} input{ width: 330px; height: 20px; border: 1px solid #647888; background: #474848; color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif;} input#cidade{ width: 135px;} input#uf{ width: 30px;} input#pais{ width: 83px;} input#receber{ width: 12px; height: 12px; margin: 0 5px 0 25px;} #textarea{ float: left;} textarea{ width: 270px; height: 80px; border: 1px solid #647888; background: #474848; color: #fff; font: 12px/20px Futura, Helvetica, Verdana, Arial, sans-serif;} label#mensagem{ clear: both; color: #fff; font: 12px/20px Futura, Helvetica, Verdana, Arial, sans-serif; padding: 2px;} input#send{ width: 115px; height: 28px; color: #fff; font: 12px/28px Futura, Helvetica, Verdana, Arial, sans-serif; background: #5f7b99;border: 1px solid #32455a; margin: 5px 0 0; cursor: pointer;} .paddingtop{ padding: 32px 0 0;} a#closecontact{ display: block; margin: 15px 0 0; width: 250px; padding: 20px; text-align: right; color: #fff;} #wrapper{ background: url(images/bkg-blog.jpg) top center no-repeat; min-height: 760px; height:auto !important; height: 760px;} #header{ width: 974px; height: 415px; margin: auto;} #header h1{ width: 450px; height: 220px; position: absolute; top: 90px; left: 30px;} #header h1 a{ display: block; width: 450px; height: 220px; text-indent: -9999px;} #content{ position: relative; width: 974px; margin: auto;} /************************************************************************ CONTENT LEFT ************************************************************************/ #content-left{ float: left; width: 185px; margin: 120px 0 0 39px; color: #fff; font: 12px/15px Helvetica, Verdana, Arial, sans-serif;} #sidebar{ background: url(images/blog-left-bottom.jpg) bottom center no-repeat; padding: 0 0 60px;} #author{ margin: 0 0 45px; padding: 0 10px; font: 13px/16px Helvetica, Verdana, Arial, sans-serif;} #nav-left{ background: #ffc000;} ul #arquivos{ background: #ffc000;} ul #arquivos-months{ list-style: disc; margin: 0 0 10px 30px; padding: 0 20px 0 0; font: 12px/15px Helvetica, Verdana, Arial, sans-serif; color: #333;} ul #arquivos-months li a{ display: block; color: #333; text-decoration: none;} ul #arquivos-months li a:hover{ color: #666;} #content-left h2{ padding: 0 0 5px 20px; color: #d12b25; font: bold 18px/18px 'Arial Black', Helvetica, Verdana, sans-serif; background: #ffc000;} li#busca{ background: #ffc000; padding: 0 10px;} input#s{ border: 0; width: 165px; height: 25px; margin: 5px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px;} input#searchsubmit{ float: right; border: 1px solid #999; background: #74dc00; color: #fff; padding: 2px; width: 70px; height: 25px; font: 12px/20px Helvetica, Verdana, Arial, sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px;} /************************************************************************ CONTENT MAIN ************************************************************************/ #content-main{ float: left; width: 448px; margin: 0 0 0 48px;} #content-main h2{ color: #ff8a0d; font: bold 28px/28px Arial, Helvetica, Verdana, sans-serif; padding: 0 0 0 2px; text-decoration: none; margin: 0 0 5px;} #content-main h2 a{ display: block; color: #ff8a0d; font: bold 28px/28px Arial, Helvetica, Verdana, sans-serif; padding: 0 0 0 2px; text-decoration: none;} #content-main h6{ color: #d12f26; font: 12px/30px Arial, Helvetica, Verdana, sans-serif; background: url(images/bkg-blog-date.jpg) 0 0 no-repeat; padding: 0 0 0 10px; margin: 0 0 5px;} #content-main p{ color: #6d6e71; font: 12px/16px Arial, Helvetica, Verdana, sans-serif; padding: 0 0 0 2px;} .postmetadata{ height: 34px; margin: 15px 0 30px;} .postmetadata2{margin: 15px 0 0;} .postmetadata ul{ width: 390px; height: 34px; margin: auto; background: #f8f8f8; -moz-border-radius: 8px; -webkit-border-radius: 8px;} .postmetadata ul li{ float: left; width: 120px; height: 34px; margin: 0 5px; } .postmetadata ul li a{ display: block; width: 86px; height: 34px; padding: 0 0 0 34px; color: #6487c5; font: 10px/34px Arial, Helvetica, Verdana, sans-serif; text-decoration: none;} li.postmetadata-comments a{ background: url(images/blog-logo-post-comment.jpg) 0 0 no-repeat;} li.postmetadata-sendtoafriend a{ background: url(images/blog-logo-post-enviarpost.jpg) 0 0 no-repeat;} #respond{ background: #ffde97; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px; margin: 0 0 30px;} .respond-h3,#respond-h3{ color: #74dc00; font: bold 14px/18px Arial, Helvetica, Verdana, sans-serif; margin: 10px 0 5px;} #respond-post-infos p{ height: 35px; line-height: 35px;} #respond-post-infos label,#comentariolabel{ display: block; width: 120px; float: left; color: #ff9e00; font: bold 12px/35px Arial, Helvetica, Verdana, sans-serif; text-align: right; padding: 0 8px 0 0;} #respond input#author,#respond input#email{ border: 1px solid #d4cfaa; height: 22px; width: 270px; padding: 1px; margin: 0;} #comment{ border: 1px solid #d4cfaa; height: 120px; width: 270px; margin: 5px 0 0;} #submit-comment{ margin: 10px 20px 0; height: 30px;} #submit-comment input{ float: right; width: 100px; height: 28px; background: #ff9e00; color: #fff; border: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .comment-author img,.says{display: none;} .fn{color: #5f7b99;font: 14px/18px Arial, Helvetica, Verdana, sans-serif;} .comment-meta a{ color: #999; font: 12px/16px Arial, Helvetica, Verdana, sans-serif; text-decoration: none;} .comment{ margin: 3px 0 15px;} /************************************************************************ CONTENT RIGHT ************************************************************************/ #content-right{ float: right; width: 215px;} #sobre-blog{ } #content-right-box{ background: #f3f3f3; width: 129px; margin: auto; padding: 10px 18px; -moz-border-radius: 20px; -webkit-border-radius: 20px;} #content-right-box h3{ width: 129px; height: 45px; background: url(images/bkg-blog-sprite.jpg) 0 0 no-repeat; text-indent: -9999px;} #content-right-box h3 a{ display: block; width: 129px; height: 45px;} #content-right-box p{ padding: 10px; color: #000; font: 11px/14px Arial, Helvetica, Verdana, sans-serif;} #content-right-box li{ width: 129px; height: 45px; margin: 0 0 5px;} #content-right-box li.medialinks a{ display: block; width: 129px; height: 45px; text-indent: -9999px;} #content-right-box li#item01 a{ background: url(images/bkg-blog-sprite.jpg) 0 -45px no-repeat;} #content-right-box li#item02 a{ background: url(images/bkg-blog-sprite.jpg) 0 -90px no-repeat;} #content-right-box li#item03 a{ background: url(images/bkg-blog-sprite.jpg) 0 -135px no-repeat;} #content-right-box li#item04 a{ background: url(images/bkg-blog-sprite.jpg) 0 -180px no-repeat;} #content-right-box li#item05 a{ background: url(images/bkg-blog-sprite.jpg) 0 -225px no-repeat;} #content-right-box li#item06 a{ background: url(images/bkg-blog-sprite.jpg) 0 -270px no-repeat;} #content-right-box li#item07 a{ background: url(images/bkg-blog-sprite.jpg) 0 -315px no-repeat;}