/*Theme Name: Kat McNamara Brasil Old Theme URI: http://www.katmacnamara.com.br Description: Versão de Wordpress para o site Kat MacNamara Brasil Version: 1.0 Author: Danielle Cabral Author URL: http://facebook.com/danimcabral*/ html, body, div, span, h2, h3, blockquote, pre, a, code, em, font, img, small, strong, b, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; border: 0; outline: 0;} html, body {height: 100%; font: 13px PT Sans; text-align: justify; background: #b9dde2;} /*TOPO + MENU*/ #topo {width: 100%; background: #0b0b0b url(images/topo.png) no-repeat center; height: 320px; } #menu {width:730px; margin: 0px auto; font-family:Lato; font-size: 16px; font-weight: 900; text-transform: uppercase; } #menu ul {width: 730px; margin: 0px auto; padding: 0px; padding-top: 230px;} #menu ul li {float: left; list-style: none; margin-right: 50px; } #menu ul li:last-child {margin-right: 0px;} #menu ul li a {color: #fff; text-decoration: none; height: 120px;} #menu ul li #kat {width:30px; height: 20px; margin: 0px auto; background: url(images/kat.png); margin-bottom: 5px; opacity: 0; webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} #menu ul li:hover #kat {opacity: 1; webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} /*HEADER*/ #header {width: 100%; height: 1264px; background: url(images/header.png) center;} /*ANUNCIO*/ #anuncio {width: 1040px; position: relative; margin: 0px auto; height: 266px; margin-top: -500px;background: url(images/mensagem.png);} #anuncio #pub {position: absolute; bottom: 60px; right: 30px;} /*SLIDE E SOBRE A KAT*/ #slidekat {width: 1040px; height: 288px; margin: 0px auto; margin-bottom: 10px;} #slidekat #slide {width: 531px; float: left; height: 288px; background: #fff;} #slidekat #quem {padding: 30px; width: 449px; float: left; background: url(images/quem.png); padding-top: 140px; height: 118px; font-family: Georgia; color: #bbbbbb; font-size: 16px; line-height:22px; text-align: center;} /*REDES DA KAT*/ #redeskat {width: 1040px; margin: 0px auto; height: 406px; margin-bottom: 10px;} #redeskat #tt {width: 636px; padding: 40px; float: left; height: 175px; background: url(images/ttk.png);margin-bottom: 10px; font-family: Georgia; color: #fff; font-style: italic; font-size:16px; position: relative;} #redeskat #tt a {color: #fff;} #redeskat #fb {width:321px; height: 130px; padding-top: 125px; float: right; background: url(images/fbk.png); margin-bottom: 10px;} #redeskat #tumblr {width: 313px; height: 141px; background: url(images/tumblrk.png) no-repeat #3e5975; float: left; position: relative;} #redeskat #tumblr .btn {bottom: 20px; right: 20px; position: absolute;} #redeskat #ig {width: 722px; float: right; height: 141px;} #redeskat #ig #fotos {width: 564px; float: left; background: #fff; height: 141px; overflow:hidden;} #redeskat #ig #bg {width: 158px; height: 141px; background: url(images/igk.png); float: left;} /*NOTICIAS - INICIAL*/ #noticias {width: 1040px; margin: 0px auto;} #noticias #post {width: 340px; height: 365px; float: left; background: #0b0b0b; margin-right: 10px; margin-bottom: 10px; position: Relative;} #noticias #post:nth-child(3n+0) {margin-right: 0px;} #noticias #post #titulo {padding: 25px; bottom: 0px; position: absolute; left: 0px; background: #0b0b0b; width: 290px; padding-top: 60px;} #noticias #post #titulo #link {width: 290px; font-family: Lato; font-weight: 900; font-size: 15px; color: #fff; float: left; margin-bottom: 15px; text-align: center; text-transform: uppercase;} #noticias #post #titulo #link a {color: #fff;} #noticias #post #titulo #infos {Width: 290px; float: left; font-weight: 500; font-size: 10px; font-family: Lato; text-transform: uppercase; color: #1c1c1c; text-align: center;} #noticias #post #titulo #infos a {color:#13b7cf} #noticias #post #autor {padding-top: 15px; padding-bottom: 15px; padding: 10px; position: absolute; background: #13b7cf; left: 10px; font-family: Lato; font-weight: 500; font-size: 10px; top: -20px; color: #1698ab; text-transform: uppercase;} #noticias #post #compartilhe {padding:15px; width: 90px; position: absolute; background: #0b0b0b; right: 10px; top: -20px; font-family: Lato; font-weight: 500; font-size: 9px;color: #1c1c1c; text-align: center; text-transform: uppercase; width: 90px;} #noticias #post #compartilhe #fb {width: 40px; height: 24px; float: left; margin-right: 10px; background: url(images/fbp.png); margin-left: 0px; margin-bottom: 5px;} #noticias #post #compartilhe #tt {width: 40px; height: 24px; margin-bottom: 5px;float: left; margin-right: 0px; background: url(images/ttp.png); margin-left: 0px;} #mais {float: left; background: #13b7cf; padding: 20px; width: 300px; font-family: Lato; font-weight: 900; font-size: 15px; text-transform: uppercase; text-transform: uppercase; color: #1698ab; margin-bottom: 10px; text-align: center;} #att {float: right; background: #eb8011; padding: 20px; width: 650px; font-family: Lato; font-weight: 900; font-size: 15px; text-transform: uppercase; text-transform: uppercase; color: #bf6a12; margin-bottom: 10px; text-align: center;} /*NOTICIAS - SINGLE*/ #noticiass {width: 1040px; margin: 0px auto; margin-top: 20px;} #noticiass #posts {width: 670px; float: left;} #noticiass #post {width: 670px; float: left;background: #191919; margin-bottom: 15px;} #noticiass #post #thumb {width: 670px; height: 350px; float: left; position: relative;} #noticiass #post #titulo {padding: 25px; bottom: -20px; left: 15px; right: 15px; position: absolute; background: #0b0b0b; width: 590px; padding-top: 60px;} #noticiass #post #titulo #link {width: 590px; font-family: Lato; font-weight: 900; font-size: 15px; color: #fff; float: left; margin-bottom: 15px; text-align: center; text-transform: uppercase;} #noticiass #post #titulo #link a {color: #fff;} #noticiass #post #titulo #infos {Width: 590px; float: left; font-weight: 500; font-size: 10px; font-family: Lato; text-transform: uppercase; color: #1c1c1c; text-align: center;} #noticiass #post #titulo #infos a {color:#13b7cf} #noticiass #post #autor {padding-top: 15px; padding-bottom: 15px; padding: 10px; position: absolute; background: #13b7cf; left: 10px; font-family: Lato; font-weight: 500; font-size: 10px; top: -20px; color: #1698ab; text-transform: uppercase;} #noticiass #post #compartilhe {padding:15px; width: 90px; position: absolute; background: #0b0b0b; right: 10px; top: -20px; font-family: Lato; font-weight: 500; font-size: 9px;color: #1c1c1c; text-align: center; text-transform: uppercase; width: 90px;} #noticiass #post #compartilhe #fb {width: 40px; height: 24px; float: left; margin-right: 10px; background: url(images/fbp.png); margin-left: 0px; margin-bottom: 5px;} #noticiass #post #compartilhe #tt {width: 40px; height: 24px; margin-bottom: 5px;float: left; margin-right: 0px; background: url(images/ttp.png); margin-left: 0px;} #noticiass #post #conteudo {padding: 15px; width: 640px; float: left; padding-top: 35px; background: #191919; color: #bbbbbb; font-family: Tahoma; font-size: 14px; border-bottom: 5px #13b7cf solid;} #comentarios {padding: 15px; width: 640px; float: left; background: #13b7cf; margin-bottom: 15px;} /*SIDEBAR*/ #sidebar {width: 350px; float: right;} #sidebar #title {padding: 20px; background: #9cc9d1; font-family:Georgia; color: #fff; font-style: italic; text-align: center; font-size: 16px; width: 310px; float: left;} #sidebar #box {padding: 15px; font-family: Tahoma; color: #777; font-size: 13px; float: left; background: #fff; padding-top: 25px; position: relative; margin-bottom: 15px; width: 320px;} #sidebar #borda {border: 8px solid transparent; border-top-color: #9cc9d1; position: absolute; left: 10px; top: 0px;} #projetos img {width: 100px; height: 100px; float: left; border: 0px; margin-bottom: 10px;} #projetos pro {width:200px; padding: 10px; height: 80px; background: #f3f3f3; float: left; color: #878787; font-size: 13px; font-family: Tahoma; margin-bottom: 10px;} /*PARCEIROS E SHADOW HUNTERS*/ #parceirossh {width: 1040px; height: 295px; margin: 0px auto; margin-bottom: 10px;} #parceirossh #parceiros {width: 347px; height: 295px; float: left; background: #fff; margin-bottom: 10px;} #parceirossh #sh {width: 628px; height: 235px; float: left; background: url(images/shadowhunters.png); padding: 30px; float: right; margin-bottom: 10px;} #parceirossh #sh #video {width: 290px; float: left; background: #fff; height: 235px;} #parceirossh #sh #video iframe {width: 290px; height: 235px;} #parceirossh #sh #infos {width: 323px; float: right; height: 165px; padding-top: 70px;} #parceirossh #sh #infos #proximo {width: 323px; float: left; margin-bottom: 15px; text-transform: uppercase; font-size: 15px; font-family: Lato; font-weight: 500; color: #13b7cf;} #parceirossh #sh #infos #proximo branco {font-weight: 900; color: #fff;} #parceirossh #sh #infos #descri {font-family: Georgia; width: 323px; float: left; font-style: italic; color:#fff; font-size: 15px;} /*ALBUNS*/ #albuns {width: 1040px; margin: 0px auto; height: 270px; margin-bottom: 10px;} #albuns #oalbum {width: 338px; height: 130px; float: left; margin-right: 13px; background: url(images/album.png); position: relative; margin-bottom: 10px;} #albuns #oalbum:nth-child(3n+0) {margin-right: 0px;} #albuns #oalbum img {width: 130px; height: 130px;} #albuns #oalbum #tit {font-family: Lato; font-weight: 900;font-size: 12px; right: 15px; width: 175px; top: 60px; position: absolute; text-transform: uppercase; text-align: center; color: #fff; webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} #albuns #oalbum:hover #tit {color: #eb8011; webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} #galeria {width: 100%; overflow: hidden; height: 260px; background: #111; margin: 0; padding: 0px; border-spacing: 0px; border: 0; outline: 0;} #galeria tr, #galeria td, #galeria table {margin: 0; padding: 0px; border-spacing: 0px; border: 0; outline: 0;} #galeria img {float: left; width: 130px; height: 130px; opacity: 0.3;} #galeria img:hover {opacity: 1;} /*REDES DO SITE E FOTO DESTACADA*/ #redessitefd {width: 1040px; margin: 0px auto; height: 451px; margin-bottom: 10px;} #redessitefd #redes {width: 605px; float: left; height: 451px;} #redessitefd #redes #fb {width: 605px; float: left; height: 125px; background: url(images/fb.png); margin-bottom: 5px; position: relative;} #redessitefd #redes #fb .fb-like {position: absolute; left: 80px; bottom: 20px;} #redessitefd #redes #tteyt {width: 605px; float: left; height: 192px; margin-bottom: 5px;} #redessitefd #redes #tteyt #tt {width: 261px; height: 112px; float: left; background: url(images/tt.png); position: relative; padding: 20px; font-family: Georgia; font-size: 16px; color: #fff; padding-top: 60px; font-style: italic;} #redessitefd #redes #tteyt #yt {width: 261px; height: 112px; float: right; background: url(images/yt.png); position: relative; padding: 20px; font-family: Georgia; font-size: 16px; color: #fff; padding-top: 60px; font-style: italic;} #redessitefd #redes #ig {width: 605px; height: 124px; float: left;} #redessitefd #redes #ig #fotos {width: 447px; float: left; height: 124px; background: #fff; overflow: hidden;} #redessitefd #redes #ig #bg {width: 158px; height: 124px; background: url(images/ig.png); float: left;} #redessitefd #fotodestaque {width: 425px; height: 451px; float: right; background: #fff; position: relative;} #redessitefd #fotodestaque #titulo {padding: 20px; background: rgba(0,0,0,0.5); font-family: Georgia; color: #fff; font-size: 15px; font-style: italic; text-align:center; position: absolute; bottom: 0px; left: 0px; width: 385px;} /*FOOTER*/ #footer {padding-top: 30px; padding-bottom: 30px; background: #9cc9d1; font-family: Lato; font-weight: 600; font-size: 12px; width: 100%; float: left; text-align: center; text-transform: uppercase; color:#fff;} #footer a {color: #72a4ad;} /*LINKS E TAL*/ a{text-decoration: none;} laranja {color: #eb8011;} azul {color: #13b7cf; font-style: italic;} #clear {clear: both;} branco {color: #fff;} b, strong {color: #9cc9d1;} blockquote {padding: 15px; border: 2px #eb8011 solid; border-radius: 5px;} #sidebar a, #noticiass #post #conteudo a {color: #eb8011;} h1 {padding: 2%; width: 96%; float: left; margin-bottom: 15px; background: #13b7cf; font-family: Tahoma; color: #fff; font-size: 14px;} #noticiass #post #conteudo a img {border: 3px #eb8011 solid; margin-right: 3px;} .aligncenter {margin: 0px auto;} /*Pagenavi */ #pag {float:left; height: auto; background: #13b7cf; width: 100%; padding-top: 20px; padding-bottom: 20px; } .wp-pagenavi { font-family: Lato; font-weight: 900; font-size:16px; padding:10px 0px; text-transform:uppercase; margin: 0px 0px 0px -5px; } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; padding: 15px ; color:#fff; margin-right: 10px; background:#eb8011; } .wp-pagenavi a:hover, .wp-pagenavi span.current { color:#fff; background: #1a1a1a; } /*SLIDE*/ /* * jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:15px; bottom:15px; background: #fff; color:#a5a5a5; max-width: 317px; z-index:8; text-transform: uppercase; padding: 15px; font-family: Lato; font-weight: 500; overflow: hidden; display: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } .nivo-controlNav img { display:inline; /* Unhide the thumbnails */ position:relative; margin: 5px; opacity: 0.7; } .nivo-controlNav .active img, .nivo-controlNav img:hover { opacity: 1; }