/* Theme Name: Vogg Theme URI: http://vogg.com.br/ Description: Tema criado para VOGG, atraves da agencia MidiaWeb Author: Mauricio Vargas Author URI: http://midiaweb.com version: 1.0 */ @import url("css/reset.css") all; @import url("css/base.css") all; @font-face { font-family: 'ChunkFiveRoman'; src: url('css/fonts/chunkfive-webfont.eot?') format('eot'), url('css/fonts/chunkfive-webfont.woff') format('woff'), url('css/fonts/chunkfive-webfont.ttf') format('truetype'), url('css/fonts/chunkfive-webfont.svg#webfont1zF1zu7k') format('svg'); font-weight: normal; font-style: normal; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1; } .tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; } #htmlHome { background: url(images/bgHome.png); } #htmlPagina { background: url(images/bgPagina.jpg); } body { border-top: 6px solid #5a4b3a; margin:0; padding:0; } #home { background: url(images/bgLetras.png) repeat-x 0px 162px; } #paginaEscura { background: url(images/bgLetrasAlt.jpg) repeat-x 0px 162px; } /* Geral -> Header */ #home #head { display:block; width:100%px; height: 109px; padding-top:43px; margin:0 auto; border-top: 10px solid #e0d4ae; background: #65554f url(images/bgHeader.png); } #head { display:block; width:100%px; height: 109px; padding-top:43px; margin:0 auto; border-top: 10px solid #e0d4ae; background: #65554f url(images/bgHeaderAlt.jpg) repeat-x left top; } #head h1 a { float: left; height: 65px; width: 167px; background: url(images/logo.png) no-repeat; text-indent:-5000em; } #head nav { width: 860px; margin: 0px auto; display:block; } #head nav ul { float: left; padding: 35px 0px 0px 20px; } #head nav li { display: inline; } #head nav li a { display: block; float: left; color: #e4dad1; font: 14px Georgia, Arial, Tahoma; font-weight: bold; font-style: italic; line-height: 28px; height: 28px; padding: 0px 12px 0px 10px; background: url(images/dashVert.png) repeat-y right top; text-decoration:none } #head nav li a.last { background:none; } #head nav li a:hover { color: #FFF; text-decoration:none;} #mainRole {float:left; width:100%; display:inline; margin-top:85px;} /* Geral -> Footer */ #home #rodape { background:url(images/bgFooter.png); border-bottom:5px solid #72554b; } #rodape { float:left; width:100%; padding-top:60px; margin-top:45px; padding-bottom: 45px;} #rodape section { width: 835px; display:block; margin: 0px auto; } #rodape section article { width: 245px; float: left; margin: 0px 16px; } #rodape section article article { width: 245px; float: left; margin: 0; } #rodape section article h3 { font:22px 'ChunkFiveRoman', Arial, Tahoma; color:#5d3b34; margin-bottom:25px; float:none !important} #rodape section article h4 { float:none !important} #rodape #Foot01 { color:#6e4e40; line-height:22px; } #rodape ul, #rodape .aVogg { display:block; margin:0px; height:200px; width: 100%;overflow:hidden; } #rodape ul li a { display:block; background:url(images/dashHorz.png) center bottom repeat-x; padding:8px 3px; font-size:14px; font-weight:bold; color:#6e4e40; font-family:Arial, Helvetica, sans-serif; text-decoration:none; } #rodape ul li a:hover { background-color:#d2c4b3; } #rodape ul li a small { display:block; margin-bottom:7px; } #rodape .verMais { background: url(images/sprite-ver-mais-rod.png) left top no-repeat; color:#e9d7bd; } #rodape .aVogg p {font:14px Arial, Tahoma; font-weight:normal; line-height:20px;} /* Pagina -> Home */ #main { width: 835px; margin: 0px auto; } #destaques { display:none; } #destaques article, #destaques article a { display:block; color: #4F2828; text-decoration:none;} #destaquesHome { background: url(images/dashHorz.png) repeat-x bottom center; padding: 20px 0px 20px; float:left; } #destaquesHome h2 a { font: 42px 'ChunkFiveRoman', Arial, Tahoma; letter-spacing:-2px; display:block; width:820px; text-decoration:none; color: #4F2828;} #destaquesHome footer { width: 80px; margin-top: 15px; float: right; } #destaquesHome footer a { display: block; float: left; width: 12px; height: 12px; background: url(images/bts_home.png) no-repeat; } #destaquesHome footer .btAnt { background-position: -115px -35px; float: left; text-indent:-5000em; } #destaquesHome footer .btProx { background-position: -163px -35px; float: left; text-indent:-5000em;} #destaquesHome footer ul { float: left; width: 48px; margin: 0px; } #destaquesHome footer ul li { display: inline; } #destaquesHome footer ul li a { background-position: -131px -35px; margin: 0px 2px; text-indent:-5000em;} #destaquesHome footer ul li a.activeSlide, #destaquesHome footer ul li a:hover { background-position: -147px -35px; text-indent:-5000em;} .verTodos {float:right; width:93px; height:28px; background: url(images/sprite-ver-mais-rod.png) left top no-repeat; color:#E9D7BD !important; font: italic bold 12px/28px Georgia,Arial,Tahoma; text-align:center; } /* Home -> Destaques -> Secundarios */ #destaquesSecundarios { float:left; width:100%; display:inline; margin-top:20px;} #destaquesSecundarios article { width: 245px; min-height: 330px; float: left; margin: 0px 16px; color: #423120; } #destaquesSecundarios article header span a { display: block; float: right; background: url(images/bts_home.png) -142px -50px no-repeat; height: 22px; line-height: 22px; width: 30px; text-align: center; padding-bottom: 6px; color: #FFF; font-size: 12px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; } #destaquesSecundarios figure img { border: 6px solid #fff4e8; margin: 20px 0px; } #destaquesSecundarios article figure figcaption p {font-family: Arial, Helvetica, sans-serif; display:block; margin-top:10px;} #destaquesSecundarios small a {color: #6a5f5a; text-decoration:none;} #destaquesSecundarios article h2 a { display: block; font: 22px 'ChunkFiveRoman', Arial, Tahoma; color: #6a5f5a; margin-top: 16px;text-decoration:none; } #destaquesSecundarios article h2 a:hover { color: #4f2828; } .verMais { display: block; font: 12px Georgia, Arial, Tahoma; color: #872a01; background: url(./images/sprite-ver-mais.gif) left top no-repeat; width: 93px; height: 28px; line-height: 28px; text-align: center; font-weight: bold; font-style: italic; margin: 10px 0px;text-decoration:none; } /* Geral -> Busca */ .busca { background: url(images/bts_home.png) no-repeat left top; margin: 20px 0px 0 0px; width: 172px; height: 30px; float: right; border:none;} .busca fieldset { float:left; border:none;} .busca input { width: 120px; height: 30px; float: left; padding-left:10px; font: 18px/28px Georgia, Arial, Tahoma; font-style: italic; color: #c2b59b; border: none; background: none; } .busca button { width: 31px; height: 30px; float: left; border: none; background: none; } #home .busca input { color:#9d6d3a; } #paginaEscura .busca { background: url(images/bts_home.png) no-repeat left -119px; } /* Pagina Padrao */ #conteudoPagina { color:#FFF; line-height:20px; width: auto; } #conteudoPagina h1 { color:#e0d4ae; font: 22px 'ChunkFiveRoman', Arial, Tahoma; letter-spacing:1px; margin-bottom:10px; } #conteudoPagina #headPagina { height:85px; padding-bottom:5px; background:url(images/dashHorz2.png) left bottom repeat-x; margin-bottom:35px; } #conteudoPagina #headPagina p { font: 48px 'ChunkFiveRoman', Arial, Tahoma; color:#fff4e8; } #conteudoPagina .paginaContent figure { padding-left:10px; } #conteudoPagina .paginaContent img { background: #FFF; border:10px solid #FFF; margin-bottom:30px; margin-right: 10px; } #paginaEscura #rodape { background:url(images/bgFooter2.png); border-bottom:5px solid #72554b; } #paginaEscura #rodape section article h3 { color:#ca6728; } #paginaEscura #rodape #Foot01 { color:#fee0ca; } #paginaEscura #rodape ul li a { color:#fee0ca; background:url(images/dashHorz2.png) right bottom repeat-x; } #paginaEscura #rodape small { color:#b29580; } #paginaEscura #rodape ul li a:hover { background-color:#685c4a; } .paginasConteudo a:hover { color:#f5be95; } /* Blog */ #conteudoBlog { width: 550px; float: left; color: #FFF; } #conteudoBlog .posts {display:inline; margin-top:25px; float:left; width: 100%;} #conteudoBlog header {position:relative; float:left; width:100%; } #conteudoBlog header time { float:left; font-size: 10px; color: #b29580; } .addthis_toolbox {float:right;} .addthis_toolbox .btn-menor {float:left; display:inline; margin-top:2px;} .addthis_toolbox .addthis_button_facebook_like {margin-left:10px;} #conteudoBlog header h2 a { font-family: 'ChunkFiveRoman'; font-size:48px; color:#fff4e8; float: left; width:490px; text-decoration:none; } .semlink { font-family: 'ChunkFiveRoman'; font-size:48px; color:#fff4e8; float: left; width:490px; text-decoration:none; } #conteudoBlog header .commentsNr {float:left; position:absolute; right:0; top:0;} #conteudoBlog header .commentsNr a { display: block; width: 67px; height: 65px; float: right; background: url(images/comment.png) no-repeat left top; font-size: 27px; color: #3f362e; text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-align: center; line-height: 50px; } #conteudoBlog .box-text {float:left; width:100%;} #conteudoBlog .box-text img {border:none;} #conteudoBlog .box-text p {display:block; margin-top:10px; padding-bottom:10px} #conteudoBlog .box-text p a {color:#CA6728; text-decoration:none;} #conteudoBlog .box-text p a:hover {color:#f5be95; text-decoration:none;} #conteudoBlog footer {float:left; width:100%; padding-bottom:20px; background:url(images/dashHorz2.png) center bottom repeat-x;} .contentPost {padding-bottom:20px; background:url(images/dashHorz2.png) center bottom repeat-x;} #conteudoBlog footer ul { margin:0px; font-size:10px; padding-top:15px; } #conteudoBlog footer ul li { line-height:20px; } #conteudoBlog footer ul li a:hover, #conteudoBlog footer ul li strong { color:#b29580; } #conteudoBlog footer ul li a { color:#FFF; } .posts h2 {float:left; width:100%;} .posts figure img { border:10px solid #FFF; margin-bottom:20px; } /* Listagem de Categorias */ .paginaCategory article { width: 245px; height: 220px; float: left; margin: 0px 16px; color: #423120; overflow: hidden; margin-bottom: 20px; } .paginaCategory article header span a { display: block; float: right; background: url(images/bts_home.png) -142px -50px no-repeat; height: 22px; line-height: 22px; width: 30px; text-align: center; padding-bottom: 6px; font-size: 12px; } .paginaCategory article h3 a { display: block; color: #e0d4ae; font-size: 22px; font-family: 'ChunkFiveRoman'; font-weight: normal; margin: 10px 0px; } .paginaCategory article small a { color: #B29580 !important; } .paginaCategory article h3 a:hover, .contentCat { color: #FFF; } /* Sidebar */ #sidebar { width: 245px; float: right; color: #FFF; padding-top: 60px; } #sidebar ul {float:left; width:100%; margin: 10px 0px; } #sidebar ul li a { display:block; color:#fee0ca; background:url(images/dashHorz2.png) right bottom repeat-x; padding:10px 5px; font-size:16px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif;} #sidebar ul li a:hover { background-color:#685c4a; } #sidebar h2 {float:left; width:100%; height:27px; color: #ca6728; font-size: 21px; font-family: 'ChunkFiveRoman'; font-weight: normal; margin-top: 20px; } #sidebar #twtr-widget-1 {display:none;} #sideCategorias {float:left; width:100%;} #sideCategorias .active {float:left; width:100%; margin-top:10px;} #sideCategorias .active strong {float:left; width:100%; font:bold 16px Arial,Helvetica,sans-serif; color:#FEE0CA;} #sideCategorias .active span {float:left; width:100%; margin-top:3px; font:14px Arial,Helvetica,sans-serif; color:#FEE0CA;} /* Comentarios */ #commentssection a, #commentform a { color: #ca6728; font-weight: bold; } #commentssection ol { margin: 0px; } #commentssection ol li { display: block; padding-bottom:55px; background:url(images/dashHorz2.png) center bottom repeat-x; margin-bottom:40px; } .commentlist time { font-size: 10px; color: #b29580; } .commentlist cite { color: #fee0ca; display: block; margin: 7px 0px; font-size: 14px; } .commentlist blockquote { line-height: 20px; } #commentssection h3 { display: block; text-shadow: 1px 1px #000; color: #ca6728; font-size: 22px; font-family: 'ChunkFiveRoman'; font-weight: normal; margin: 20px 0px; } #commentform #respond {float:left; width:488px;} #commentform form p .bg-input { float:left; width:468px; clear:right; height:32px; padding:5px 10px; background:url(images/sprite-bg-inputs.png) no-repeat left top !important;} #commentform form p .bg-input input {float:left;width:465px; height:25px; line-height:25px;} #commentform form p .bg-textarea { float:left; width:468px; padding:5px 10px; background:url(images/sprite-bg-inputs.png) no-repeat left -57px !important;} #commentform form p .bg-textarea textarea {float:left;width:465px; height:193px;} #commentform form p .btn-enviar {float:right; width:122px; height:36px; display:inline; margin-top:20px; background:url(images/sprite-bg-inputs.png) no-repeat left -289px !important;} #commentform label { display: block; font-size: 22px; clear:both; font-family: 'ChunkFiveRoman'; color: #e0d4ae; font-weight: normal; margin: 10px 0px; } #commentform label span { font-size:12px; } #commentform input, #commentform textarea { background: none; border:none; font-size: 14px; width: 456px; } #commentform button { background: #caad65; font: 14px Georgia, Arial, Tahoma; font-weight: bold; font-style: italic; color: #483931; border: 1px solid #caad65; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; width: 125px; text-align: center; height: 35px; line-height: 35px; float: right; margin: 10px 3px; cursor: pointer; } /* Autores */ .paginaAuthor img { border: 1px solid #a9a49d!important; float: left; } .paginaAuthor figcaption { display: block; float: left; padding-left: 10px; width: 400px; } .paginaAuthor figcaption h3 { display: block; color: #e0d4ae; font-size: 22px; font-family: 'ChunkFiveRoman'; font-weight: normal; margin: 10px 0px; } .paginaAuthor .tel { display: block; padding: 10px 0px; } .paginaAuthor .email { font-weight: bold; text-decoration: underline; } .postsByAuthor { margin: 20px 0px; background:url(images/dashHorz2.png) left top repeat-x; padding-top: 40px; } .postsByAuthor article { width: 245px; height: 180px; float: left; margin: 0px 16px; color: #423120; overflow: hidden; margin-bottom: 20px; } .postsByAuthor article header span a { display: block; float: right; background: url(images/bts_home.png) -142px -50px no-repeat; height: 22px; line-height: 22px; width: 30px; text-align: center; padding-bottom: 6px; font-size: 12px; } .postsByAuthor article h3 a { display: block; color: #e0d4ae; font-size: 22px; font-family: 'ChunkFiveRoman'; font-weight: normal; margin: 10px 0px; } .postsByAuthor article small { color: #e58546; } /* Clientes */ .postagem-clientes .paginaContent figcaption ul li { display: inline; padding: 0 17px; } .clientsList { background:#FFF; margin-left:-20px; width:805px; padding-left:30px; } /* Contato */ .paginaContato article iframe { border: 10px solid #FFF; float: left; } .paginaContato article figure figcaption { display: block; width: 275px; float: left; padding: 20px 0px 0px 30px; } .paginaContato article h3 { display: block; color: #e0d4ae; font-size: 22px; font-family: 'ChunkFiveRoman'; font-weight: normal; margin: 10px 0px; } .paginaContato article .tel { display: block; color: #e0d4ae; font-size: 22px; font-family: 'ChunkFiveRoman'; font-weight: normal; margin: 10px 0px; letter-spacing: 2px; } .formulariodeContato { margin: 20px 0px; background:url(images/dashHorz2.png) left top repeat-x; padding-top: 40px; } .formulariodeContato form { width: 490px; } .formulariodeContato label { display: block; clear: both; font-size: 22px; font-family: 'ChunkFiveRoman'; color: #e0d4ae; font-weight: normal; margin-bottom: -10px; margin-top: 20px; } .formulariodeContato input.camposContato, .formulariodeContato textarea { background: #8d867d url(images/bgInput.jpg); border:none; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; padding: 8px 15px; font-size: 14px; width: 456px; } .formulariodeContato .wpcf7-not-valid-tip { color: #000; } .wpcf7-form {float:left; width:488px;} .wpcf7-form label {display: block; font-size: 22px; clear:both; font-family: 'ChunkFiveRoman'; color: #e0d4ae; font-weight: normal; } .wpcf7-form .conNome {float:left; width:468px; clear:right; height:32px; padding:5px 10px; background:url(images/sprite-bg-inputs.png) no-repeat left top !important;} .wpcf7-form .conNome input {float:left;width:465px; height:25px; line-height:25px; border:none; background:none;} .wpcf7-form .conEmail {float:left; width:468px; clear:right; height:32px; padding:5px 10px; background:url(images/sprite-bg-inputs.png) no-repeat left top !important;} .wpcf7-form .conEmail input {float:left;width:465px; height:25px; line-height:25px; border:none; background:none;} .wpcf7-form .conMensagem { float:left; width:468px; padding:5px 10px; background:url(images/sprite-bg-inputs.png) no-repeat left -57px !important;} .wpcf7-form .conMensagem textarea {float:left;width:465px; height:193px; background:none; border:none;} .wpcf7-form .wpcf7-submit {float:right; width:122px; height:36px; display:inline; margin-top:20px; background:url(images/sprite-bg-inputs.png) no-repeat left -289px !important; border:none;} /* Paginacao & Geral */ .navigation { height: 20px; width: 100%; clear: both; } .navigation a { display: block; color: #e0d4ae; font-size: 18px; font-family: 'ChunkFiveRoman'; } .paginaContent h3 { font-size: 16px; } .paginaContent strong { font-size: 14px; } .paginaContent a { color: #ca6728; cursor: pointer; } img.left{ float: left; border: none; padding: 6px; } img.right{ float: right; border: none; padding: 6px; } .alignleft {float:left; margin:25px;} .alignright {float:right; margin:25px;} .notfound{padding: 25px; font-size: 14pt; font-weight: 300;} blockquote { display:block; margin:10px; padding:10px; border:1px solid #b4a48d; background:#5e5343; } #htmlPagina #conteudoPagina p { display:block; padding:10px 0px; clear:both; } #htmlPagina #conteudoPagina blockquote p { padding:0px } .twtr-join-conv{ font-size: 9px !important; margin-top: 5px !important;}