/* Theme Name: Club Social 2009 Theme URI: http://www.clubsocial.com.br/ Description: Site para a campanha de 2009. Version: 1.0 Author: 1UP Tags: Jul2009 Ajustar no IE6 */ /* MEYER RESET v1.0*/ 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}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* BASIC TYPOGRAPHY */ html { font-size: 62.5%; font-family: "Liberation Sans", Helvetica, Arial, sans-serif; } strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; } cite, em, dfn { font-style: italic; } del { text-decoration: line-through; color: #666; } ins, dfn { border-bottom: 1px solid #ccc; } small, sup, sub { font-size: 85%; } abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; } a abbr, a acronym { border: none; } abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; } sup { vertical-align: super; } sub { vertical-align: sub; } .tweet_texto a {color:#4492e7; font-weight:bold;} .tweet_texto a:hover {color:#4492e7; font-weight:bold;} .tweet_texto a:visited {color:#4492e7; font-weight:bold;} #dicas .tweet_texto a {color:#f3c500;} #dicas .tweet_texto a:hover {color:#f3c500;} #dicas .tweet_texto a:visited {color:#f3c500;} #vencedores .tweet_texto a {color:#f3c500;} #vencedores .tweet_texto a:hover {color:#f3c500;} #vencedores .tweet_texto a:visited {color:#f3c500;} .placa_texto a, .placa_texto a:hover, .placa_texto a:visited {color:#f3c500; font-weight:bold;} .dicas_texto p a {color:#f3c500; font-weight:bold;} .dicas_texto p a:hover {color:#f3c500; font-weight:bold;} .dicas_texto p a:visited {color:#f3c500; font-weight:bold;} .footer a {color:#FFF; font-weight:bold;} a.external{ padding-right:12px; background:url(blankwin/ico_external.gif) no-repeat 100% 50%; display:inline;} #fotoclub_home a.external{ padding-right: 0px; background: none;} /* =Positioning ----------------------------------------------- */ body { font-family: Arial,Sans-serif; font-size:11px; line-height:15px; color: #FFFFFF; background: #000000;} .menu { width:100%;background: transparent url(imagens/menu.png) repeat-x scroll center top; } .menu_flash {left:-23px;position:absolute;top:-81px;display:inline;} .menu_marca {position:relative;right:17px;top:82px;} .container {width:1000px;margin-left:auto;margin-right:auto;position:relative;} .container_topo {height:113px;_height:98px;} .container_flash { width:1000px; height:600px; background:#006;} .footer {width:100%;height:30px;background:#000;color:#FFF; text-align:center;font-family:helvetica;font-size:11px;padding-top:10px; clear:both;} .menu_bg{background:transparent url(imagens/menu.png) repeat-x scroll center top;height:126px;position:absolute;width:100%;left:0px;} /* =PRODUTO ----------------------------------------------- */ #produto,body {background: #000000 url(imagens/background_produto.jpg) no-repeat scroll 50% 0%;} #produto .container {height:816px;} .produto_titulo {left:175px;position:relative;top:45px;} .produto {position:relative;top:10px;} /* =SELO ----------------------------------------------- */ #selo,body {background: #000000 url(imagens/background_selo.jpg) no-repeat scroll 50% 0%;} #selo .container {height:816px;} .selo_titulo {left:175px;position:relative;top:40px; width:784px; height:102px; background:url(imagens/selo_titulo.png) no-repeat top left;} .selo_esquerda {height:266px;left:103px;position:relative;top:40px;width:352px; float:left; background:url(img/selo_l.png) no-repeat top right;} .selo_direita {height:266px;left:103px;position:relative;top:40px;width:398px; float:left; background:url(img/selo_r.png) no-repeat top right; clear:right;} .arquivo_esquerda {width:74px; height:120px; margin-left:275px; _margin-left:137px; clear:left; position:relative; left:106px; top:40px; float:left; background:url(img/arquivo_l.png) no-repeat 0 0;} .arquivo_direita {width:398px; height:117px; position:relative; left:106px; top:40px; float:left; background:url(img/arquivo_r.png) no-repeat top right;} .imgReplace {font-size:0; text-indent:-9999px; overflow:hidden;} .arquivo_esquerda a {display:block; width:100%; height:100%;} .linha_downloads {margin-top:20px;} .linha_downloads img {float:left;position:relative;} .linha_downloads .titulo {} .linha_downloads .apps { float:left;margin-left:90px;margin-right:37px;position:relative;width:246px;} .linha_downloads .desktop {float:left;position:relative;width:242px;margin-right:37px;} .linha_downloads .widget {float:left;position:relative;width:259px;} /* =CLUBMAIS ------------------------------------------------*/ #clubmais,body {background: #000000 url(imagens/background_selo.jpg) no-repeat scroll 50% 0%;} #clubmais .container {height:816px;} .clubmais_titulo {left:183px;position:relative;top:48px; width:650px; height:72px; background:url(imagens/clubmais_titulo.png) no-repeat top left;} #redesContent {padding-top:100px; position:relative; width:600px; left:190px;} .boxRedesL {width:251px; height:80px; float:left; clear:left; margin:10px 0;} .boxRedesR {width:251px; height:80px; float:right; clear:right; margin:10px 0;} .boxRedesL a, .boxRedesR a {display:block; height:100%; width:100%;} #clubmais #facebook {background:url(img/redes_fb.png) no-repeat 0 0;} #clubmais #desktop {} #clubmais #twitter {background:url(img/redes_tw.png) no-repeat 0 0;} #clubmais #blog {} #clubmais #orkut {background:url(img/redes_or.png) no-repeat 0 0;} /* =CAMPANHA ----------------------------------------------- */ #campanha,body {background: #000000 url(imagens/background_campanha.jpg) no-repeat scroll 50% 0%;} #campanha .container {height:816px;} .campanha_titulo {left:172px;position:relative;top:24px; width: 725px; height: 89px;} .campanha_youtube { position:relative; left:185px; width:570px; height:345px; top:45px;} /* =CONTATO ----------------------------------------------- */ #contato,body { background: #000000 url(imagens/background_contato.jpg) no-repeat scroll 50% 0%; } #contato .container {height:816px;} .contato_titulo {left:177px;position:relative;top:43px; margin-bottom:40px;width: 521px; height: 89px;} .contato_campo1 {position:relative;top:10px;} #contato form {width:630px; margin-left:80px;} #contato form img {position:relative;top:6px;} #contato .nome {width:286px;} #contato .mes {width:30px;} #contato .numero {width:40px;} #contato .complemento {width:140px;} #contato .cep {width:40px;} #contato .linha { position:relative; clear:both; float:left; margin:0 0 10px 96px;} #contato .campo {position:relative;float:left;} .textfield {background:transparent url(imagens/contato_campo2.png) no-repeat scroll right 0;border:0px;color:#333333;height:30px;padding-top:9px;width:187px;} #fale_conosco{top:275px;position: absolute; left: 7px; _left:-40px;} .caixa_mensagem_contato_onclick{cursor: pointer; background: transparent; width: 32px; height: 32px;position: absolute; left: 470px; top:45px ;_left:567px; _top:60px;_z-index:20;} /* =INCONFUNDIVEIS ----------------------------------------------- */ #inconfundiveis,body { background: #000000 url(imagens/background_inconfundiveis.jpg) no-repeat scroll 50% 0%; } #inconfundiveis .container {height:816px;} .inconfundiveis_titulo {left:175px;position:relative;top:40px;width:771px; height: 85px;} .inconfundiveis_conheca{left:185px;position:relative;top:65px;} .inconfundiveis_carousel {margin-left:80px;} .inconfundiveis_credencial { width: 218px;float:left;} .inconfundiveis_perfil {width:218px; height:259px;background:url(imagens/inconfundiveis_frame.png); padding:8px;} .inconfundiveis_perfil p { font-size:12px; line-height:16px; padding-top:10px; float:left;} .inconfundiveis_perfil p a { color:#ffd200;} .inconfundiveis_foto {float:left;height:73px;width:73px;} .inconfundiveis_texto {float:right;height:70px;width:145px;} /* =DESTAQUE ----------------------------------------------- */ #destaque,body {background: #000000 url(imagens/background_destaque.jpg) no-repeat scroll 50% 0%;} #destaque .container {height:816px;} .destaque_interna {position:relative;top:0px;} /* =HOME ----------------------------------------------- */ #home,body {background: #000000 url(imagens/background_home2.jpg) no-repeat scroll 50% 0%; overflow-x:hidden;} #home .container {} #content_placa_home {z-index: 3; padding:80px 0 0 112px;} #dicas_link {z-index: 2;cursor: pointer; position: absolute; width:137px; height: 35px; top: 355px; _top:455px; left: 70px; _left:100px;} .placa_home {background:transparent url(imagens/placa_new.png) repeat scroll 0 0;height:309px;position:relative;width:355px; } .container_left {float:left; margin:70px 0 0 -72px;} .container_middle {background:transparent url(imagens/container_twitter_new.png) repeat scroll;float:left;height:700px;margin-left:-40px;position:relative; width:443px; z-index:1;} .container_right {float:left;position:relative;width:330px; height:590px; margin-left:-40px; _margin-left:-30px;} #container_twitter{z-index: 2; margin-top:48px; _margin-top:45px;} #container_form_deixe {z-index: 2; margin:60px 0 0 65px; width:350px; _margin:50px 0 0 65px;} .container_body {width:1000px;} .menu_tenis {left:250px;position:absolute;top:-70px;} .placa_semanas {left:140px;top:180px;position:absolute; cursor: pointer; _top: 185px;} .placa_fotos {position:relative; width:50px; float:left;} .placa_fotos img {width:50px; height:50px; } .placa_texto {margin-left:5px; width:135px; float:left;} .placa_texto span {color:#f7b71f;} .tweet {border-bottom:1px dotted;display:block;float:left;margin-bottom:10px;position:relative;width:350px;} .tweet_foto {float:left;position:relative;width:60px;} .tweet_foto img {width:50px; height:50px; } .tweet_texto {float:left;font-size:11px;position:relative;width:290px;} .tweet_texto span {color:#e3b30c; font-weight:bold;} .twitter_dicas {margin-left:70px; margin-top:22px; _margin-left: 70px} .twitter_deixeaqui {width: 283px; height: 91px; margin-left:75px; cursor: pointer; margin-top:5px} .twitter_deixeaqui_onclick {top: 585px; width: 283px; height: 91px; margin-left:75px; cursor: pointer;z-index: 3; position: absolute;left: 255px;} .twitter_iframe{width:350px;height:340px;margin-left:55px;} .mao_twitter {left:644px;_left:645px;position:absolute;top:527px;background: transparent url('imagens/mao_twitter.png') no-repeat; width: 139px; height: 149px;z-index: 1;} .left_corner{background: transparent url('imagens/left_round_corner.png') no-repeat left;height: 19px;width: 10px;float:left;_margin-top: 3px;} .right_corner{background: transparent url('imagens/right_round_corner.png') no-repeat right;width: 10px;float:left;height:19px; _margin-top:3px;} .middle_field{border:0 none;background: transparent url('imagens/field_middle.jpg') repeat-x; height: 19px;_margin-top:2px;} .top_textarea{background: transparent url('imagens/top_textarea.png') no-repeat left top; height: 19px; width: 307px;} .middle_textarea{background: transparent url('imagens/middle_textarea.jpg') repeat-y; width: 306px; height: 100px; position:relative;} /* ALTERACAO NESSA LINHA */ .content_textarea {border: 0 none; margin: -10px 0 0 10px; width:283px; height: 118px; overflow:auto; position:relative; z-index:5;} .bottom_textarea{background: transparent url('imagens/bottom_textarea.png') no-repeat left bottom; height: 19px; width: 307px;} .button_mandaver{background: transparent url('imagens/twitter_deixe_madaver.png') no-repeat;border:0 none;cursor:pointer;height:34px;float:right; margin-top:13px;width:93px;_margin-right:40px;} .button_voltar{margin-top: 45px; margin-left:115px;cursor: pointer; height:22px; width: 80px;border: 0 none; background: transparent url('imagens/twitter_resposta_voltar.png') no-repeat;_position:absolute; _top:100%; _left:0px;} .label_dica{margin-top: 12px; margin-left: -160px;_position:relative; _left:159px;} .top_textarea_contato{background: transparent url('imagens/top_textarea_contato.png') no-repeat left top; height: 19px; width: 514px;} .middle_textarea_contato{background: transparent url('imagens/middle_textarea_contato.jpg') repeat-y;width:511px; _width: 100%; height: 100px; position:relative;} .bottom_textarea_contato{background: transparent url('imagens/bottom_textarea_contato.png') no-repeat left bottom; height: 19px; width: 514px;} .content_textarea_contato{border: 0 none; margin-left: 10px;margin-right:10px; margin-top: -10px; width:490px; height: 118px;z-index:2;position:relative;} .button_mandaver_contato{background: transparent url('imagens/twitter_deixe_madaver.png') no-repeat; border:0 none; cursor:pointer; height:34px; margin-left:423px;margin-top:5px;width:93px;_margin-left:330px;} .button_twitter_voltar{width: 67px; height: 48px;float:right; margin:15px 35px 0 0; _margin:15px 18px 0 0; cursor:pointer; background: transparent url('imagens/voltar.png') no-repeat;} /*IE7 hacks*/ * + html .button_voltar{margin-left: 55px} * + html .button_twitter_voltar{} * + html .label_dica{margin-left: 0px} * + html .middle_field{margin-top: -1px;} * + html .button_mandaver_contato{position: relative; left: 330px;} * + html .container_body {margin-top:-15px;} * + html .button_mandaver{margin-right:40px;} .destaques {left:10px;position:absolute;top:-23px;_left:0px;} .home_mao {float:right;top:160px;left:634px;position:absolute;background: transparent url('imagens/mao.png') no-repeat; width: 70px; height:131px;z-index:2;} /* =HOME_TWITER ----------------------------------------------- */ #home_twitter,body {background: #212124 url(imagens/background_iframe_home.jpg) no-repeat fixed 0 0;} body #home_twitter {background: #212124 url(imagens/background_iframe_home.jpg) no-repeat fixed 0 0;} #home_twitter .tweet {margin-left:0px;} /*#home iframe {margin-left:50px;}*/ .tweet {width:330px;} .tweet_texto {width:270px;} /* =DICAS ----------------------------------------------- */ #dicas,body { background: #000000 url(imagens/background_dicas.jpg) no-repeat scroll 50% 0%; } #dicas .container {height:816px;} .dicas_titulo {margin-bottom:12px;margin-left:184px;margin-top:5px;} .dicas_semana {margin-left:20px; font-size:16px; color:#f7b71f;position: absolute; left: 197px; top:265px;} .dicas_semana select {margin-left:30px;} .dicas_left iframe {margin-left:20px;margin-top:10px;} .dicas_todosvencedores {left:93px;position:absolute;top:259px;} .dicas_vencedor {left:93px;position:absolute;top:109px;} .dicas_fotos {left:50px;position:relative;top:138px;width:50px; _top: 115px;} .dicas_fotos img {width:50px; heigh:50px; } .dicas_texto {left:105px;position:relative;top:82px;width:145px; _top: 60px;} .dicas_texto span {color:#f7b71f;} .dicas_left {background:transparent url(imagens/container_dicas.png) repeat scroll 0 0;float:left;height:407px;left:198px;position:relative;top:20px;width:371px;} .dicas_right {background:transparent url(imagens/placa_dicas.png) repeat scroll 0 0;float:left;height:372px;left:198px;position:relative;top:-50px;width:348px;} /* =HOME_DICAS ----------------------------------------------- */ #home_dicas,body {background: #a9270a} #home_dicas .tweet {margin-left:0px;} .tweet {width:330px;} .tweet_texto {width:270px; margin:0 0 5px;} /* =VENCEDORES ----------------------------------------------- */ #vencedores,body { background: #000000 url(imagens/background_dicas.jpg) no-repeat scroll 50% 0%; } #vencedores .container {height:816px;} #vencedores .dicas_right {background:transparent url(imagens/placa_vencedores.png) repeat scroll 0 0;} .dicas_left iframe.vencedores {margin-left:20px;margin-top:0px;} .vencedores_semana {left:-565px; position:relative; top:20px;} .vencedores_todos {position:relative;} /* =Caixa de mensagens ----------------------------------------------- */ .caixa_mensagens{background: transparent url('imagens/caixa_mensagem.png') no-repeat; width: 346px; height: 138px; position: absolute; margin-left: -17px; margin-top:200px; z-index: 10; _margin-top:-320px;} .caixa_mensagens_contato{background: transparent url('imagens/caixa_mensagem.png') no-repeat; width: 346px; height: 138px; position: absolute; margin-left: 25%; margin-top:7%; z-index: 10;left:0px;_left:45px;} .caixa_mensagens_text{position: relative; top:45%; left: 15px; color: #A1CED6; font-size: large; text-align: center; width: 90%} .caixa_mensagens_text_contato{position: relative; top:20%; left: 15px; color: #A1CED6; font-size: large; text-align: center; width: 90%} /*IE7 hacks*/ * + html .caixa_mensagens{margin-top:-300px;} /* =POLITICA ----------------------------------------------- */ #politica,body {background: #000000 url(imagens/background_dicas.jpg) no-repeat scroll 50% 0%;} #politica .container {height:816px;} .politica_titulo {left:190px;position:relative;top:5px;} .container_politica {background:transparent url(imagens/container_politica.png) repeat scroll 0 0;float:left;height:368px;left:198px;padding:20px;position:relative;top:20px;width:663px;} #politica .Scroller-Container {line-height: 1.6em; font-family:Arial, Helvetica, sans-serif; font-size:12px; /*font-weight:bold;*/} #politica .Scroller-Container span { color: #ffd200; line-height:36px;} #politica #Scroller-1 {height:360px;overflow:hidden;position:absolute;width:660px;} /* =FOTOCLUB ----------------------------------------------- */ #fotoclub_home,body {background: #000000 url(imagens/background_fotoclub.jpg) no-repeat scroll 50% 0%;} #fotoclub_home .container {height:816px;} .fotoclub_titulo {left:178px;position:relative;top:45px;width: 546px; height: 85px;} .container_fotoclub {float:left;left:0px;padding:20px;position:relative;top:51px;} #fotoclub_home .ui-tabs .ui-tabs-nav { display:none;} #fotoclub_home .ui-widget-content { background:transparent url(http://wtfbbq.onbranding.com.br/wp-content/themes/clubsocial/imagens/fotoclub_box.png) no-repeat scroll 0% 0%; border: none; width:651px; color:#FFFFFF;} #fotoclub_home .ui-widget-content a {font-family: arial; font-size:20px; color: #ffd200; } #fotoclub_home #Scroller-1 { width:651px; height: 402px; _position: absolute; _left: -20px; _top: 25px;} #fotoclub_home .Scrollbar-Track {left:215px;} #mainPhotoSetList{ float:left; margin-right: 20px; height: 406px; } #photoSetList{ float:left; margin-right: 20px; height: 356px; width: 211px; margin-top: 38px;} #photoList{ float:left; margin-left: 20px; margin-top: 38px; _margin-top: 34px;} #photoSetsIconContainer{ float:left; width: 493px;_margin-left: -15px;} .finalDiv{ clear:both;} .photoSetListEntry{ cursor: pointer; padding-bottom: 8px; padding-left: 3px; height: 34px;} .mainPhotoSetListEntry{ padding-bottom: 2px; width: 531px; height: 95px; position: relative;} .photoIcon{ width: 60px; height: 45px; cursor: pointer;} .main_photoIcon{ width: 78px; height: 56px;} .photoContainerList{ width: 64px; float: left;} .photosContainer{height:340px; overflow:auto; width: 223px;} .flickr_iconDiv{float: left; position: relative; top: 20%; margin-left: 10px; _margin-left:15px} .flickr_textDiv{float: left; height: 85px; width: 325px; margin-left: 12px; margin-top: 10px; _width: 305px;} .flickr_inputButtonDiv{background: transparent url('imagens/button_ver_album.png') no-repeat; border: 0 none; width: 96px; height: 28px; cursor: pointer;} .flickr_buttonDiv{float: right; position: relative; top: 65%; margin-right: 10px; _margin-right: 3px; } * + html .flickr_buttonDiv{margin-right: 5px;} .flickr_mainBgEntry{background: transparent url('imagens/main_fundo_album.png') no-repeat;width: 531px; height: 95px;position: absolute;} .fotoclub_mainContentDiv{position: absolute; width: 531px; height: 95px;} .fotoclub_subtitle{background: transparent url('imagens/fotoclub_albuns_subtitle.png') no-repeat; width: 65px; height: 21px; margin-bottom: 5px; _position:absolute;_top: 0px;_left:-20px; } .fotoclub_subtitle_navegacao{margin-left: 4px; margin-top: 4px; border: 0 none;background: transparent url('imagens/fotoclub_albuns_subtitle.png') no-repeat; width: 65px; height: 21px; margin-bottom: 30px; _position:relative;_top: 0px;_left:0px;} .flickr_textDiv_title{color: #FFD401; font-family: Arial; font-size: large;} .flickr_textDiv_title_navegacao{color: #FFD401; font-family: Arial; font-size: 1.5em; font-weight: bold; position: relative; top: 3px; left: 4px;} #foto_club_mainAlbumContainer{ height: 403px; overflow: auto; position: absolute; top: 25px; width: 550px; _left: -20px;} .fotoclub_bgUnselected{background: transparent url('imagens/fotoclub_navegacao_albumUnelected.png') repeat-y; width: 205px; height: 38px; position: absolute; z-index: -1;} .textSpan_titleDiv{width: 205px;} #photoSetList_container{height: 280px; overflow: auto; position: relative; width: 225px;} /* =404 ----------------------------------------------- */ #quatrozeroquatro,body {background: #000000 url(imagens/background_404.jpg) no-repeat scroll 50% 0%;} #quatrozeroquatro .container {height:816px;} /* =LIGHTBOX ----------------------------------------------- */ #various3 {text-decoration:none; font-size:0px; line-height:0px; text-indent:-999px;}