/* Cliente: O Globo Projeto: O Livreiro Secao: Feedback e Forum de Ideias */ /*--- INICIAL ---*/ #feedback #conteudo { padding: 15px 0 110px; } #feedback #conteudo .breadcrum { margin-bottom: 25px; } #feedback #conteudo .explicacao { float: left; width: 450px; } #feedback #conteudo .explicacao h1 { margin-bottom: 25px; font-size: 2em; } #feedback #conteudo .explicacao p { margin-bottom: 15px; } #feedback #conteudo .explicacao p.visite { font-size: 1.16em; } #feedback #conteudo .explicacao ul.caixa_cinza { padding: 25px 25px 15px; background: #f3f3f3; list-style: none; } #feedback #conteudo .explicacao ul.caixa_cinza li { margin-bottom: 10px; } #feedback #conteudo .envie_ideia { float: left; margin: 20px 0 0 50px; width: 446px; padding: 5px 20px 30px; background: url(../imagens/feedback-inicio-form-bg.gif) 0 0 repeat-x; } #feedback #conteudo .envie_ideia h3 { margin-bottom: 25px; font-size: 1.5em; } #feedback #conteudo .envie_ideia p { margin-bottom: 20px; } #feedback #conteudo .envie_ideia form fieldset { background: url(../imagens/busca-campo-bg.gif) 0 7px no-repeat; } #feedback #conteudo .envie_ideia form fieldset label { display: block; margin: 0 0 3px 55px; } #feedback #conteudo .envie_ideia form fieldset input { width: 338px; height: 16px; padding: 4px 0 0 2px; font-style: italic; color: #9c9c9c; } /*--- FORUM DE IDEIAS ---*/ #feedback.forum_ideias #conteudo h1 { margin-bottom: 15px; } #feedback.forum_ideias #conteudo div.caixa_instrucao { width: 450px; margin-bottom: 35px; padding: 20px 20px 10px; background: #f3f3f3; } #feedback.forum_ideias #conteudo div.caixa_instrucao p { margin-bottom: 10px; } #feedback.forum_ideias #conteudo div.caixa_instrucao p .condicional { color: #1ea899; } #feedback.forum_ideias #conteudo ul.abas { height: 45px; margin-bottom: 30px; list-style: none; clear: both; } #feedback.forum_ideias #conteudo ul.abas li { float: left; height: 45px; margin-right: 2px; } #feedback.forum_ideias #conteudo ul.abas li a { display: inline-block; height: 30px; padding: 5px 10px 0; background: #f2f2f2; font-size: 1.5em; color: #38a1c9; } #feedback.forum_ideias #conteudo ul.abas li.ativa { background: url(../imagens/forum-ideias-aba-ativa.gif) bottom center no-repeat; } #feedback.forum_ideias #conteudo ul.abas li.ativa a { background: #4196c0; color: #fff; } #feedback.forum_ideias #conteudo ul { list-style: none; } #feedback.forum_ideias #conteudo ul.paginacao { padding-top: 30px; } #feedback.forum_ideias #conteudo ul.ideias li.ideia { float: left; width: 950px; margin-bottom: 15px; padding: 0 0 15px 15px; border-bottom: 1px #eee solid; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .usuario { float: left; width: 100px; text-align: center; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .usuario .imagem { width: 96px; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .usuario .imagem img { border: 3px #fff solid; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .usuario:hover .imagem img { border: 3px #bfbebe solid; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .texto { float: left; width: 610px; margin-left: 15px; background: url(../imagens/forum-ideias-comentario-bg.gif) 5px 30px no-repeat; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .texto h4 { margin-bottom: 10px; font-size: 1.16em; color: #38a1c9; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .texto p { text-indent: 20px; line-height: 1.33em; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes { float: left; width: 165px; height: 100px; margin-left: 20px; padding: 10px 0 0 20px; background: url(../imagens/forum-ideias-ideia-acoes-bg.gif) no-repeat; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes li { position: relative; display: block; width: 115px; height: 20px; margin-bottom: 3px; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes li a, #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes li span { display: block; width: 115px; height: 20px; padding-left: 25px; background: url(../imagens/forum-ideias-acoes-icones.gif) no-repeat; font: normal .9em/20px Verdana, sans-serif; letter-spacing: -1px; text-decoration: none; color: #6dbad7; zoom: 1; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes li.voto a { background-position: -144px 0; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes li.voto a:hover { background-position: 0 0; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes li.voto { width: 165px; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes li.voto ul.notas { display: none; white-space: nowrap; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes li.voto ul.notas li { float: left; width: auto; margin-right: 2px; font-size: .9em; letter-spacing: 0; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes li.voto ul.notas li label input { margin-right: 2px; vertical-align: center; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes li.comentarios span { background-position: -144px -22px; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes li.comentarios span:hover { background-position: 0 -22px; cursor: pointer; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes li.faca_comentario a { background-position: -144px -44px; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes li.faca_comentario a:hover { background-position: 0 -44px; } #feedback.forum_ideias #conteudo ul.ideias li.ideia .acoes p.pontos { margin-bottom: 5px; font-size: 1.33em; color: #ff795d; } /*--- FEEDBACK - ENVIE IDEIA ---*/ #feedback.envie_ideia #conteudo div.caixa_instrucao { width: 500px; } #feedback.envie_ideia #conteudo ul.ideias { margin-bottom: 40px; } #feedback.envie_ideia #conteudo #frm_enviarideia h3 { margin-bottom: 30px; font-size: 1.75em; } #feedback.envie_ideia #conteudo #frm_enviarideia fieldset { width: 645px; padding: 7px 20px; background: #f4f5f6 url(../imagens/formulario-topo-amarelo-bg.gif) left top repeat-x; } #feedback.envie_ideia #conteudo #frm_enviarideia fieldset h4 { font-size: 1.33em; margin-bottom: 30px; } #feedback.envie_ideia #conteudo #frm_enviarideia fieldset ol { width: 523px; margin: 0 auto; list-style: none; } #feedback.envie_ideia #conteudo #frm_enviarideia fieldset ol li { margin-bottom: 15px; } #feedback.envie_ideia #conteudo #frm_enviarideia fieldset ol li input { width: 518px; height: 18px; padding: 2px 0 0 2px; } #feedback.envie_ideia #conteudo #frm_enviarideia fieldset ol li label { display: block; margin-bottom: 5px; } #feedback.envie_ideia #conteudo #frm_enviarideia fieldset ol li textarea { width: 518px; height: 80px; padding: 2px 0 0 2px; } #feedback.envie_ideia #conteudo #frm_enviarideia fieldset a.botao_enviar { display: block; width: 170px; height: 50px; margin: 0 0 30px 60px; background: url(../imagens/botao-crie-perfil.png) 0 0 no-repeat; font: normal 1.5em/50px Verdana, sans-serif; text-align: center; text-decoration: none; color: #fff; } #feedback.envie_ideia #conteudo #frm_enviarideia fieldset a.botao_enviar:hover { background-position: 0 -60px; } /*--- FEEDBACK - DETALHES DA IDEIA ---*/ #feedback.ideia #conteudo .ideia_detalhes { float: left; width: 950px; margin-bottom: 30px; padding: 0 0 15px 15px; border-bottom: 1px #eee solid; } #feedback.ideia #conteudo .ideia_detalhes .usuario { float: left; width: 100px; text-align: center; } #feedback.ideia #conteudo .ideia_detalhes .usuario .imagem { width: 96px; } #feedback.ideia #conteudo .ideia_detalhes .usuario .imagem img { border: 3px #fff solid; } #feedback.ideia #conteudo .ideia_detalhes .usuario:hover .imagem img { border: 3px #bfbebe solid; } #feedback.ideia #conteudo .ideia_detalhes .texto { float: left; width: 800px; margin-left: 15px; background: url(../imagens/forum-ideias-comentario-bg.gif) 5px 52px no-repeat; } #feedback.ideia #conteudo .ideia_detalhes .texto .cabecalho { height: 50px; } #feedback.ideia #conteudo .ideia_detalhes .texto .cabecalho h1 { float: left; font-size: 2em; } #feedback.ideia #conteudo .ideia_detalhes .texto .cabecalho .pontos { display: inline-block; height: 38px; margin-left: 30px; padding-left: 15px; background: url(../imagens/forum-ideia-detalhes-pontos-esquerda.gif) left center no-repeat; font: bold 1.33em/38px Verdana, sans-serif; text-indent: 0; color: #ff795d; } #feedback.ideia #conteudo .ideia_detalhes .texto .cabecalho .pontos strong { display: inline-block; height: 100%; padding-right: 15px; background: url(../imagens/forum-ideia-detalhes-pontos-direita.gif) right center no-repeat; line-height: 38px; } #feedback.ideia #conteudo .ideia_detalhes .texto p { text-indent: 25px; } #feedback.ideia #conteudo form { clear: both; margin-bottom: 60px; } #feedback.ideia #conteudo form div.seu_voto { display: block; width: 250px; height: 15px; margin-bottom: 30px; padding: 10px 20px; background: #edd362; } #feedback.ideia #conteudo form div.seu_voto label { display: inline; } #feedback.ideia #conteudo form div.seu_voto ul { display: inline; list-style: none; } #feedback.ideia #conteudo form div.seu_voto ul li { display: inline; margin-right: 5px; } #feedback.ideia #conteudo form div.seu_voto ul li label input { margin-right: 5px; } #feedback.ideia #conteudo form div.comentario { width: 600px; padding: 15px 20px; background: #eeeeee; } * html #feedback.ideia #conteudo form div.comentario { margin-top: 20px; } #feedback.ideia #conteudo form div.comentario label { display: block; padding-left: 60px; background: url(../imagens/forum-ideias-ideia-comentario-bg.gif) left 3px no-repeat; font-size: 1.5em; } #feedback.ideia #conteudo form div.comentario textarea { width: 598px; height: 65px; margin-bottom: 20px; } #feedback.ideia #conteudo dl.comentarios { margin-bottom: 30px; } #feedback.ideia #conteudo dl.comentarios dt { margin-bottom: 15px; font: bold 2em Verdana, sans-serif; } #feedback.ideia #conteudo dl.comentarios dd ul { list-style: none; } #feedback.ideia #conteudo dl.comentarios dd ul li { float: left; width: 895px; margin-bottom: 5px; padding: 10px 20px; background: #f6f6f6; } #feedback.ideia #conteudo dl.comentarios dd ul li .imagem { float: left; width: 43px; text-align: center; } #feedback.ideia #conteudo dl.comentarios dd ul li .imagem img { border: 3px #f6f6f6 solid; } #feedback.ideia #conteudo dl.comentarios dd ul li:hover .imagem img { border: 3px #bfbebe solid; } #feedback.ideia #conteudo dl.comentarios dd ul li .imagem a { font-size: 0.83em; } #feedback.ideia #conteudo dl.comentarios dd ul li .texto { margin-left: 75px; } #feedback.ideia #conteudo dl.comentarios dd ul li .texto p { margin-bottom: 10px; } #feedback.ideia #conteudo dl.comentarios dd ul li .texto p.data { color: #939891; }