/** Trotes do Chupim: Trotes - Visualizacao www.trotesdochupim.com.br CSS por Alexandre Theodoro **/ /* Area Superior --------------------------------------------------------------------------------------- */ /* Migalhas ----------------------------------------------------------------------------------- */ .cabeca { border-bottom:1px solid #EEEEEE; margin-bottom:10px; padding:0 0 10px; display:block; } #caminho { height:22px; float: left; } #caminho li { float:left; font: bold 11px "Lucida Grande", Arial, Helvetica, sans-serif; line-height:22px; padding-left:0 15px 0 15px;} #caminho li.first a { background: #eee url(../images/crumbs_fundo.gif) no-repeat right center; } #caminho li.second a { background: url(../images/crumbs_fim.gif) no-repeat right center; } #caminho li a { display:block; font: bold 11px "Lucida Grande", Arial, Helvetica, sans-serif; line-height:22px; padding:0 20px 0 10px;} #caminho li a:link, #caminho li a:visited { color:#0971d2; text-decoration:none; } #caminho li a:hover, #caminho li a:focus { color:#333; text-decoration:none; } .cabeca .migalha { float:left; color: #000; font: bold 11px "Lucida Grande", Arial, Helvetica, sans-serif; line-height:22px; padding:0 20px 0 10px; } /* Favoritar ----------------------------------------------------------------------------------- */ .favoritar { width: 200px; margin: -23px 8px 0 0;; float:right; } #tooltip{ position:absolute; border:1px solid #333; background:#3A3A3A; padding:8px 9px; color:#fff; display:none; font: 11px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; } li.add { font: 12px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; float:left; padding: 4px; } li.fav { margin-left: 4px; float: right; } li.fav a { display:block; width:24px; height:24px; text-decoration:none; outline: none; text-indent: -1000em;} li.fav a.fac, li.fav a.fac:hover { background: #fff url(../images/sprites_trotes.png) no-repeat -18px -16px; } li.fav a.ork, li.fav a.ork:hover { background: #fff url(../images/sprites_trotes.png) no-repeat -18px -68px; } li.fav a.del, li.fav a.del:hover { background: #fff url(../images/sprites_trotes.png) no-repeat -18px -120px; } li.fav a.ema, li.fav a.ema:hover { background: #fff url(../images/sprites_trotes.png) no-repeat -18px -171px; } li.fav a.twt, li.fav a.twt:hover { background: #fff url(../images/sprites_trotes.png) no-repeat -18px -224px; } li.fav a.lov, li.fav a.lov:hover { background: #fff url(../images/sprites_trotes.png) no-repeat -18px -327px; } li.fav a.fla, li.fav a.fla:hover { background: #fff url(../images/sprites_trotes.png) no-repeat -18px -276px; } /* Titulo ----------------------------------------------------------------------------------- */ .trote-titulo { display: block; padding: 5px; margin-bottom: 10px; } .trote-titulo h2 { padding: 3px 10px; margin-bottom: 4px; color:#000; font: 40px Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; float:left; letter-spacing:-0.05em;} .trote-data { border-bottom-width:0; float:left; height:50px; position:relative; width:52px; } .month, .day, .year { background-image:url(../images/datas.png); background-repeat:no-repeat; position:absolute; text-indent:-1000em;} .month { height:24px; left:0; top:2px; width:32px; } .day { height:25px; left:0; top:25px; width:32px; } .year { bottom:0; height:48px; right:0; width:18px; } .m-01{background-position:0 4px}.m-02{background-position:0 -28px}.m-03{background-position:0 -57px}.m-04{background-position:0 -90px}.m-05{background-position:0 -121px}.m-06{background-position:0 -155px}.m-07{background-position:0 -180px}.m-08{background-position:0 -216px}.m-09{background-position:0 -246px}.m-10{background-position:0 -273px}.m-11{background-position:0 -309px}.m-12{background-position:0 -340px}.d-01{background-position:-50px 0}.d-02{background-position:-50px -31px}.d-03{background-position:-50px -62px}.d-04{background-position:-50px -92px}.d-05{background-position:-50px -123px}.d-06{background-position:-50px -154px}.d-07{background-position:-50px -185px}.d-08{background-position:-50px -216px}.d-09{background-position:-50px -248px}.d-10{background-position:-50px -278px}.d-11{background-position:-50px -309px}.d-12{background-position:-50px -340px}.d-13{background-position:-50px -371px}.d-14{background-position:-50px -402px}.d-15{background-position:-50px -434px}.d-16{background-position:-50px -465px}.d-17{background-position:-100px 0}.d-18{background-position:-100px -31px}.d-19{background-position:-100px -62px}.d-20{background-position:-100px -92px}.d-21{background-position:-100px -123px}.d-22{background-position:-100px -154px}.d-23{background-position:-100px -185px}.d-24{background-position:-100px -216px}.d-25{background-position:-100px -248px}.d-26{background-position:-100px -278px}.d-27{background-position:-100px -309px}.d-28{background-position:-100px -340px}.d-29{background-position:-100px -371px}.d-30{background-position:-100px -402px}.d-31{background-position:-100px -434px}.y-2004{background-position:-150px 0}.y-2005{background-position:-150px -50px}.y-2006{background-position:-150px -100px}.y-2007{background-position:-150px -150px}.y-2008{background-position:-150px -200px}.y-2009{background-position:-150px -250px}.y-2010{background-position:-150px -300px}.y-2011{background-position:-150px -350px}.y-2012{background-position:-150px -400px}.y-2013{background-position:-150px -450px}.y-2014{background-position:-150px -500px}.y-2015{background-position:-150px -550px}.y-2016{background-position:-150px -600px} /* Bloco Esquerdo --------------------------------------------------------------------------------------- */ .bloco_esquerdo { width: 502px; float:left; } .bloco_esquerdo_adsense { width: 340px; margin:auto; margin-bottom: 10px; } .bloco_esquerdo_naologado { border: 1px #DED6C9 solid; background: #EFEBE4; padding: 10px; margin-top: 3px; } .bloco_esquerdo_naologado p a:link, .bloco_esquerdo_naologado p a:visited {font: bold 13px Arial, Helvetica, sans-serif; color:#0971d2; text-decoration:none; } .bloco_esquerdo_naologado p a:hover {text-decoration:none; background: #0971d2 url(../images/faixaazul.gif) repeat; color: #fff; } .player { margin-bottom: 15px; } .player #quote p { text-align: center; } .player .informe { text-align: center; padding-top: 5px; } .player .informe p a:link, .player .informe p a:visited, .salvarcomo { font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #000; text-align: center; } .salvarcomo { display: block; } .player .informe p a:hover { font: bold 11px Arial, Helvetica, sans-serif; text-decoration: underline; color: #000; text-align: center; } .media { margin: auto; } .botao, .botao:visited { border: 0; background: #0971d2 url(../images/overlay.png) repeat-x; display: block; padding: 8px 14px 9px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; } .botao:hover { background-color: #06d;} /* Bloco Direito --------------------------------------------------------------------------------------- */ .bloco_direito { float:left; margin-left:22px; width:400px; padding:10px; background: #f8f8f8; min-height: 270px; } /* Estrutura --------------------------------------------------------------------------------------- */ .descricao { padding: 8px 0; text-align:left; margin-bottom: 10px; } .avatar2 { width:64px; margin-right: 5px; float:left; } /* Links --------------------------------------------------------------------------------------- */ /* Comentários */ .comentario p a:link, .comentario p a:visited, .comentario p a:hover { font: 14px Arial, Helvetica, sans-serif; color:#0971d2; font-weight:bold; } .comentario p a:link, .comentario p a:visited { text-decoration:none; } .comentario p a:hover { text-decoration:underline;} .tags a:link, .tags a:visited { font: bold 24px Arial, Helvetica, sans-serif; color:#0971d2; padding: 5px; text-decoration: none; } .tags a:hover { font: bold 24px Arial, Helvetica, sans-serif; color:#fff; background: #0971d2 url(../images/faixaazul.gif) repeat; padding: 5px; text-decoration: none; } .carregando { background-image: url('../images/load.gif'); background-repeat: no-repeat; background-position: center top; margin:auto; display: block ; } .mostrar { display: block; } .comentario_sucesso {color:#FFFFFF; display:block; padding:15px; margin: 0 0 15px; background: #27CC40 url(../images/faixaverde.gif) repeat; text-align: center; font: bold 12px "Lucida Grande",Verdana,sans-serif; } /* Bloco Esquerdo --------------------------------------------------------------------------------------- */ /* Bloco Direito --------------------------------------------------------------------------------------- */ .descricao p { font: 20px Arial, Helvetica, sans-serif; color: #3e3e3e; } .duracao p, .tamanho p, .downloads p, .nota p, .bug p, .tags p, .enviado p, .cod_html p, .cod_bbc p, .cod_url p, .cod_email p, .usuario p, .buscape p { font: 12px "Lucida Grande",Verdana,sans-serif; } .duracao p strong, .tamanho p strong, .downloads p strong, .nota p strong, .tags p strong, .enviado p strong, .cod_html p strong, .cod_bbc p strong, .cod_url p strong, .cod_email p strong, .usuario p strong, .buscape p strong { font: bold 18px Arial, Helvetica, sans-serif; color: #444; letter-spacing: -0.04em; } .ratingblock p { font: 12px Verdana, Arial, Helvetica, sans-serif; } .ratingblock p strong { font: 14px Verdana, Arial, Helvetica, sans-serif; } .bloco_esquerdo_naologado p { font: 12px Arial, Helvetica, sans-serif; text-align: left; margin: 0; } .bloco_esquerdo_naologado p strong { font: bold 16px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-align: left; padding-bottom: 5px;} .abriremail p { font: 12px Arial, Helvetica, sans-serif; } .abriremail p, .bloco_direito p { color:#000; } .nota { background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -1px; border-bottom: 1px solid #E5E5E5; } .duracao { background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -52px; border-bottom: 1px solid #E5E5E5; } .tamanho { background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -104px; border-bottom: 1px solid #E5E5E5; } .downloads { background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -155px; border-bottom: 3px solid #E5E5E5; } .tags { background: #f8f8f8 url(../images/tags.png) no-repeat 14px 50% } .cod_html { background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -348px; border-bottom: 1px solid #E5E5E5; } .cod_bbc { background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -402px; border-bottom: 1px solid #E5E5E5; } .cod_url { background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -454px; border-bottom: 3px solid #E5E5E5; } .usuario { background: #f8f8f8 url(../images/sprites_trotes.png) no-repeat -56px -520px; border-bottom: 1px solid #E5E5E5; } .cod_email { border-bottom: 3px solid #E5E5E5; } .enviado { background: #efefef url(../images/user_enviado.gif) left no-repeat; } .bug { background: #efefef url(../images/bug.gif) left no-repeat; } .duracao, .tamanho, .downloads, .nota, .bug, .tags, .enviado, .cod_html, .cod_bbc, .cod_url, .usuario, .buscape { text-align:left; padding: 15px 20px 15px 45px; } .buscape { background: #f8f8f8 url(../images/cart.png) no-repeat 14px 13px; border-bottom: 3px solid #E5E5E5; border-top: 3px solid #E5E5E5; padding:10px 10px 10px 45px; margin-bottom: 15px; } .buscape p a:link, .buscape p a:visited { font: bold 14px Arial, Helvetica, sans-serif; color: #0971d2; text-decoration:none; } .buscape p a:hover { font: bold 14px Arial, Helvetica, sans-serif; color: #60A25B; text-decoration:none; } .buscape_vitrine { margin: auto; width: 730px; } .boo-powered { display: none; } .codigo, .enviar_email { width: 320px; padding: 3px; font: 12px "Lucida Grande",Verdana,sans-serif; margin: 5px 0;} .cod_email { text-align:left; padding: 15px 20px; } .email_sucesso {background:#36AA3D; color:#FFFFFF; display:block; font-weight:bold; padding:5px; margin: 5px 0 10px 0; background: #27CC40 url(../images/faixaverde.gif) repeat} .fav_sucesso {color:#FFFFFF; display:block; padding:5px; margin: 15px 0 5px 0; background: #27CC40 url(../images/faixaverde.gif) repeat; text-align: center; font: bold 12px "Lucida Grande",Verdana,sans-serif; } .fav_deletado {color:#FFFFFF; display:block; padding:5px; margin: 15px 0 5px 0; background: #F04839 url(../images/faixavermelha.gif) repeat; text-align: center; font: bold 12px "Lucida Grande",Verdana,sans-serif; } .email_erro {color:#FFFFFF; display:block; font-weight:bold; padding:5px; margin: 5px 0 10px 0; background: #27CC40 url(../images/faixavermelha.gif) repeat; font: bold 12px "Lucida Grande",Verdana,sans-serif;} /* Sistema de Notas --------------------------------------------------------------------------------------- */ .ratingblock { display:block; padding: 5px 0px 15px 0px; border-bottom: 3px solid #E5E5E5; } .ratingblock p { margin-bottom: 5px; } .loading { height: 30px; background: url('../images/load.gif') 50% 50% no-repeat; } .unit-rating { list-style:none; margin: 0px; padding:0px; height: 16px; position: relative; background: url('../images/starrating.png') top left repeat-x; } .unit-rating li{ text-indent: -90000px; padding:0px; margin:0px; /*\*/float: left;/* */ } .unit-rating li a { outline: none; display:block; width:16px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; } .unit-rating li a:hover{ background: url('../images/starrating.png') left bottom; z-index: 2; left: 0px; } .unit-rating a.r1-unit{left:0px}.unit-rating a.r1-unit:hover{width:16px}.unit-rating a.r2-unit{left:16px}.unit-rating a.r2-unit:hover{width:32px}.unit-rating a.r3-unit{left:32px}.unit-rating a.r3-unit:hover{width:48px}.unit-rating a.r4-unit{left:48px}.unit-rating a.r4-unit:hover{width:64px}.unit-rating a.r5-unit{left:64px}.unit-rating a.r5-unit:hover{width:80px}.unit-rating a.r6-unit{left:80px}.unit-rating a.r6-unit:hover{width:96px}.unit-rating a.r7-unit{left:96px}.unit-rating a.r7-unit:hover{width:112px}.unit-rating a.r8-unit{left:112px}.unit-rating a.r8-unit:hover{width:128px}.unit-rating a.r9-unit{left:128px}.unit-rating a.r9-unit:hover{width:144px}.unit-rating a.r10-unit{left:144px}.unit-rating a.r10-unit:hover{width:160px} .unit-rating li.current-rating { background: url('../images/starrating.png') left center; position: center; height: 16px; display: block; text-indent: -9000px; z-index: 1; } .voted {color:#000000;} .voto_obrigado {background:#36AA3D; color:#FFFFFF; display:block; font-weight:bold; padding:5px; margin: 5px 0 10px 0; background: #27CC40 url(../images/faixaverde.gif) repeat} .static {color:#5D3126;} /* Modal jQuery --------------------------------------------------------------------------------------- */ #modal_content { display: none; position: fixed; left: 50%; padding: 18px; top:110px; -webkit-box-shadow: 0px 0px 8px #111; background-color: #fff; width:300px; margin-left:-150px; text-align:center; } #modal_content small { font-size:77%; } #modal_content .modal_close { float:right; cursor:pointer; border:1px solid #EEEEEE; margin: -10px; } .modal_close p { font: bold 14px Arial, Helvetica, sans-serif; line-height:1em; padding:3px 6px 4px; } #modal_content h3{ font-size:116%; } #modal_overlay { background-color: #000; } .login1 { font: bold 12px Arial, Helvetica, sans-serif; color: #000; display:block; text-align: left; line-height: 1.5em; padding: 2px; } .box_login { margin: auto; background-color: #fff; } .box_login p { padding: 10px 0; font: 12px Arial, Helvetica, sans-serif; text-align: left; } .box_login p span { font: 12px Arial, Helvetica, sans-serif; } .box_login h4 { border-bottom:1px solid #E5E5E5; display:block; font: bold 20px Arial,Helvetica,sans-serif; letter-spacing:-0.01em; padding-bottom:10px; text-align:left; } .warn { text-align:left; } .input_login {font-size:14px; height:16px; padding:6px; width:280px; } .box_login_ainda { border-top: 1px #E5E5E5 solid; margin-top:10px; } .box_login_ainda p a:link, .box_login_ainda p a:visited { font: bold 12px Arial, Helvetica, sans-serif; color:#0971d2; text-decoration:none; padding: 3px; } .box_login_ainda p a:hover { text-decoration:none; padding: 3px; background: #0971d2 url(../images/faixaazul.gif) repeat; color: #fff; } .box_login_ainda p { padding: 10px 0 0 0; font: bold 12px Arial, Helvetica, sans-serif; text-align: left; color: #3e3e3e; } /* IE */ * iframe.overlay {position:absolute; top:0; left:0; z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); } * html #modal_content { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } #rel_login, #rel_cadastro { background: #0971d2 url(../images/faixaazul.gif) repeat; } /* 3. Tabs --------------------------------------------------------------------------------------- */ .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 5px; display:block; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 4px 0 0; background: #7BACE1; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; font: bold 14px Arial, Helvetica, sans-serif; color: #fff; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom-width: 0; background: #0971d2 url(../images/faixaazul.gif) repeat; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor:text; padding: 5px 10px; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor:pointer; padding: 5px 10px; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 0 5px 10px 5px; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* 3. Comentários --------------------------------------------------------------------------------------- */ /* 3.1. Conteiner --------------------------------------------------------------------------------------- */ .bloco_comentarios { margin-bottom: 12px;} .bloco_comentarios h3 { display:block; background: #0971d2 url(../images/maisvideos.jpg) center repeat-x; font: 14px Arial, Helvetica, sans-serif; color:#fff; padding: 6px; font-weight:bold; } .bloco_comentarios_conteudo { border: 1px #0971d2 solid; padding: 10px; } .bloco_comentarios_conteudo p { font: 12px Arial, Helvetica, sans-serif; } .bloco_comentarios_conteudo p strong { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; } /* 3.2. Formularios --------------------------------------------------------------------------------------- */ .comentario_botao { display:block; height: 1%; overflow:hidden; margin-left: 96px; } .comentario_form { padding: 8px 0 0 0; } .comentario_form2 { border-top: 3px solid #E5E5E5; padding: 8px 0; } .comentario_caixa { border: 1px solid #fff; color: #000; font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 6px; width: 760px;} /* 3.3. Comentarios --------------------------------------------------------------------------------------- */ .comentario { margin-bottom: 8px; padding: 8px; display:block; overflow: hidden; } .comentario_perfil { width:70px; margin-right: 2px; float:left; margin-bottom:0; } .comentario_arrow { position: absolute; top: 15px; left: -20px; } .comentario_conteudo { position: relative; padding: 15px 20px 20px 20px; background: #fff; border: 1px solid #cdcfcf; width: 790px; float: right; margin-bottom: 5px; } .comentario_conteudo p { font: 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 8px; padding-bottom:2px; overflow:hidden; } .comentario_conteudo p span { font: 0.9em Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #aaa; } .comentario_conteudo p strong { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; } .apagar { float:right; margin-top: -5px; } .apagar a.apagar_agora { display:block; width:16px; height:16px; text-decoration:none; outline: none; text-indent: -1000em; background: url(../images/lixo_sinal.gif) no-repeat -16px 0px;} .apagar a.apagar_agora:hover { background:url(../images/lixo_sinal.gif) no-repeat -16px -16px;} /* 3.4. Logar --------------------------------------------------------------------------------------- */ .comentario_logar { padding: 10px; border-top: 3px solid #E5E5E5; margin-top: 5px; } .comentario_logar p { font: 12px "Lucida Grande", Verdana, Helvetica, sans-serif; } .comentario_logar p a:link, .comentario_logar p a:visited { font: bold 14px Arial, Helvetica, sans-serif; color:#0971d2; text-decoration:none; padding: 3px; } .comentario_logar p a:hover { text-decoration:none; padding: 3px; background: #0971d2 url(../images/faixaazul.gif) repeat; color: #fff; }