@CHARSET "ISO-8859-1"; /************************************************* ESTILO.CSS Utilizado para estabelecer estilos de formatação elementos na página *************************************************/ /************************************************* Indice 1. Elementos Padrao 1.1 Geral 1.2 Inputs 1.3 Botões 2. Layout padrão (layout/script/Layout.phtml) 2.1 Cabeçalho 2.2 Menu horizontal principal 2.3 Breadcrumb 2.4 Rodapé 3. Página principal (views/scripts/index/index.phtml) 3.1 Formatação Geral 3.2 Destaques 3.3 Notícias 4.4 Complementos 4.5 Divulgação 4. Página de programas (views/scripts/index/programa.phtml) 4.1 Abas 4.2 Conteúdo 5. Página de programação (views/scripts/index/programacao.phtml) 5.1 Grade de Programação 6. Página de notícias (views/scripts/index/noticia.phtml) 6.1 Estilos gerais da página 6.2 Conteudo 6.3 Notícias 6.4 Paginação 7. Página de detalhamento de notícias (views/scripts/index/detalhar-noticia.phtml) 7.1 Estilos gerais da página 7.2 Conteudo 8. Página Conheça a TVJustiça (views/scripts/index/conheca.phtml) 9. Página de detalhamento de programas (views/scripts/index/detalhar-programa.phtml) 9.1 Estilos gerais da página 9.2 Conteúdo 10. Página de Pesquisa (views/scripts/index/pesquisar.phtml) 10.1 Estilos gerais da página 10.2 Conteúdo 11. Página Sintonize (views/scripts/index/sintonize.phtml) 11.1 Estilos gerais da página 12. Página de detalhamento de Contatos (views/scripts/index/contato.phtml) 12.1 Estilos gerais da página 12.2 Conteúdo *************************************************/ /************************************************* 1. Elementos Padrao *************************************************/ /*1.1 Geral*/ * {outline:0;} .abrirVideoTVJustica{cursor:pointer;} .error {color:#8C1717; font-weight:bold; font-size:11px} html {color: #6D6D6D}; a, a:link, a:hover, a:visited, a:active {color: #00335F;} .areaPesquisa {background:#CBCBCB; } .areaNewsletter {background:#CBCBCB; } .conteudoEspacado {color: #6D6D6D; font-size:14px; font-weight:100; line-height:140%;} .conteudoEspacado a{color: #6D6D6D; font-size:14px; font-weight:100; line-height:140%; text-decoration:none;} .contatoEstilo {color:#1A4884; font-size:14px; border:1px solid #CBCBCB; width:315px; padding:2px;font-weight:normal;} /*1.2 Inputs*/ input.pesquisa {font-size:17px; color:#FFF; border:0px; background:#CBCBCB; } input.newsletter {font-size:17px; color:#FFF; border:0px; background:#CBCBCB; } /*1.3 Botões*/ input[type='submit'].botaoPesquisa {background:url('../imagens/btPesquisa.png'); border:0px; } input[type='submit'].botaoOk {background:#015CAB; font-size:17px; color:#FFF; font-weight:bold; border:0px; } input[type='submit'].botaoEnviar {background:#1A4884; font-size:17px; color:#FFF; font-weight:bold; border:0px; padding:8px; width:100px} input[type='text'].contatoEstilo {height:27px;} input[type='text'].contatoCaptcha {color:#1A4884; font-size:14px; border:1px solid #CBCBCB; width:157px; padding:2px;font-weight:normal; height:27px; } select.contatoEstilo {height:27px;} /************************************************* 2.Layout padrão *************************************************/ /*2.1 Estilos Gerais da página*/ #conteudo .imagemTituloPagina {} #conteudo .tituloPagina {color:#1A4884; font-size:26px; font-weight:bold; border-bottom: 4px solid #1A4884;} /*2.2 Cabeçalho*/ #cabecalho {background: #F5F5F5;} #cabecalho #complementosCabecalho #acessibilidade .tamanhoAcessibilidade{font-size:9px; color:#888;} /*2.3 Menu horizontal principal*/ #navegacao {background-image: url("../imagens/fundo_menu.png"); border-top:5px solid #025DA6;} #navegacao #menu ul.menuHorizontal {list-style: none outside none;} #navegacao #menu ul.menuHorizontal li {color:#FFF; font-size: 18px; border-left:1px solid #00315D; border-right:1px solid #0B4D87; } #navegacao #menu ul.menuHorizontal li a {color: #FFF;} #navegacao #menu ul.menuHorizontal li:hover{background-image: url("../imagens/fundo_menu_hover.png"); border-bottom:1px solid #014F8F;} #navegacao #menu ul.menuHorizontal li.active {background-image: url("../imagens/fundo_menu_hover.png");border-bottom:1px solid #014F8F;} .bordaMenuInferior {border-top:5px solid #025DA6; clear:both;} /*2.4 Breadcrumb*/ .breadcrumb {color:#6D6D6D; font-size:12px; font-weight:100;} .breadcrumb a {color:#6D6D6D; font-size:12px; font-weight:bold;} .breadcrumb a:hover {text-decoration:underline;} /*2.5 Rodapé*/ #rodape #mapa {background:#F0F0F0; font-size:11px; text-decoration:none; color:#656565; font-weight:bold; } #rodape #mapa a {color:#656565; font-weight:bold; } #rodape #mapa li {list-style:none; border-bottom:1px solid #dedede;} #rodape #mapa li:hover {background:#dedede;} #rodape #mapa .menuMidiaSocial {border:0px;} #rodape #mapa .menuMidiaSocial:hover {background:none;} #rodape #mapa ul.itemMenor a{font-size:10px; font-weight:normal; } #rodape #mapa ul.itemMenor li{border-bottom:none; } #rodape #mapa #rodape1{border-right:1px solid #dedede;} #rodape #mapa #rodape2{border-right:1px solid #dedede;} #rodape #mapa #rodape3{} #rodape #links {background:#00345C; color: #FFF; font-size:11px;} /************************************************* 3. Página principal (views/scripts/index/index.phtml) *************************************************/ /*3.1 Formatação Geral*/ #conteudo .imagemTituloHome {background:url(../imagens/iconNoticiasPaginaInicial.jpg) no-repeat;} #conteudo .tituloHome {color:#1A4884; font-size:20px; font-weight:bold; border-bottom: 3px solid #1A4884;} /*3.2 Destaques*/ #destaque {background: url("../imagens/bgDestaquePrincipal.png") repeat-x; border-bottom:5px solid #025DA6;} #destaque .destaqueSlider .textoDestaque .linhaTituloDestaque {font-size:20px; font-weight:bold;} #destaque .destaqueSlider .textoDestaque .tituloDestaque{color: #00335D; } #destaque .destaqueSlider .textoDestaque .tituloDestaque a{color: #00335D; } #destaque .destaqueSlider .textoDestaque .contadorDestaque{/*color: #00335D;*/ color: #606060;} #destaque .destaqueSlider .textoDestaque .diaDestaque{color: #9E9E9E; } #destaque .destaqueSlider .textoDestaque .horarioDestaque{color: #9E9E9E;} #destaque .destaqueSlider .textoDestaque .dscDestaque{color: #4C4C4C; text-align:justify; font-size:12px; line-height:150%; } #destaque .destaqueSlider .textoDestaque .dscDestaque a {color: #4C4C4C; } #destaque #destaqueSelecionador a {background: url('../imagens/bulletDestaqueAtivo.png') no-repeat;} #destaque #destaqueSelecionador a:focus { outline: none;} #destaque #destaqueSelecionador li {list-style: none;} #destaque #destaqueSelecionador li.activeSlide a {background: url('../imagens/bulletDestaqueInativo.png') no-repeat; } /*3.3 Notícias*/ #conteudo .imagemTituloHome-Noticias {} #conteudo #noticiasDestaque .blocoNoticia {height:200px; overflow: hidden;} #conteudo #noticiasDestaque .blocoNoticia .tituloNoticia a {color: #015CAB; font-size: 18px; font-weight:bold; line-height: 130%; text-decoration: none;} #conteudo #noticiasDestaque .blocoNoticia .origemNoticia {color: #015CAB;} #conteudo #noticiasDestaque .blocoNoticia .conteudoNoticia {text-align:justify;} #conteudo #noticiasDestaque #botaoMaisNoticias{background-image: url("../imagens/bgBtMais.png"); color:#fff; border-radius:0.4em; border-bottom-style: solid; border: 0px; outline: 0;} /*3.4 Complementos*/ #conteudo #conteudosComplementares .imagemTituloHome-AssistaAoVivo {background:url(../imagens/icone_assista_ao_vivo.png) no-repeat;} #conteudo #conteudosComplementares .imagemTituloHome-CoberturasEspeciais {background:url(../imagens/icone_assista_ao_vivo.png) no-repeat;} #conteudo #conteudosComplementares .imagemTituloHome-Newsletter {background:url(../imagens/icone_newsletter.png) no-repeat;} #conteudo #conteudosComplementares #conteudoNewsletter {font-weight:bold; line-height: 120%;} #conteudo #conteudosComplementares .blocoAssistaAoVivo {text-align:center; background: #F2F2F2;} #conteudo #conteudosComplementares .blocoAssistaAoVivo a {color:#39497A; font-size:13px; line-height: 120%;} #conteudo #conteudosComplementares .blocoCoberturasEspeciais {background:url('../imagens/bgCoberturaEspecial.png'); padding:5px; border:1px solid #D2D2D2; height:90px;} #conteudo #conteudosComplementares .blocoCoberturasEspeciais #tituloCoberturaEspecial {color: #1A4884; font-size: 16px; font-weight:bold;} #conteudo #conteudosComplementares .blocoCoberturasEspeciais #tituloCoberturaEspecial a{color: #1A4884; text-decoration:none;} #conteudo #conteudosComplementares .blocoCoberturasEspeciais #textoInternoParaFundoEspeciais a{color: #6D6D6D; text-decoration:none;} /*3.5 Divulgação*/ #conteudo .imagemTituloHome-Divulgacao {background:url(../imagens/icone_divulgacao.png) no-repeat;} /************************************************* 4. Página de programas (views/scripts/index/programa.phtml) *************************************************/ /*4.1 Abas*/ #conteudo .menuAbas ul li a {color:#283965; font-weight:bold; color:#283965; } #conteudo .menuAbas { border-bottom:1px solid #D8D8D8;} #conteudo .menuAbas ul {font-size:18px; } #conteudo .menuAbas ul li {background:#F1F1F1; border-top:1px solid #D8D8D8; border-left:1px solid #D8D8D8; border-right:1px solid #D8D8D8; } #conteudo .menuAbas ul li.ativo {background:#FFFFFF; border-bottom:2px solid #FFF; } /*4.2 Conteúdo*/ #conteudo .imagemTituloPagina-Programa {background:url(../imagens/logoProgramas.jpg) no-repeat; width:40px; height:32px; float:left;} #programas .programa {border-bottom:1px solid #D5D5D3;} #programas .programa .titulo a, .titulo a:hover, .titulo a:visited, .titulo a:active {color: #015DAA;font-weight:bold; font-size:18px;} /************************************************* 5. Página de programação (views/scripts/index/programacao.phtml) *************************************************/ /*5.1 Grade de Programação*/ #conteudo .imagemTituloPagina-Programacao {background:url(../imagens/logoProgramacao.png) no-repeat; width:40px; height:32px; float:left;} #conteudo #diasGrade .dataSelecionar {background:#00315B; color:#FFF; height:77px; border:1px solid #E3E3E3; border-bottom:0px; text-align:center;} #conteudo #diasGrade .dataSelecionar a{color:#FFF; text-decoration:none} #conteudo #diasGrade .dataSelecionar .diaSelecionar { font-size:16px; font-weight:bold;} #conteudo #diasGrade .dataSelecionar .semanaSelecionar {color:#FFF; font-size:14px;} #conteudo #diasGrade .selected {background:#E1E1E1; color:#00345B;} #conteudo #diasGrade .selected a {color:#00345B;} #conteudo #conteudoGrade {background:#E3E3E3;} #conteudo #conteudoGrade a{text-decoration:none;} #conteudo #conteudoGrade .itemGrade {border-bottom:1px solid #F3F3F3; border-top:1px solid #D3D3D3;} #conteudo #conteudoGrade .itemGrade .horaInicioPrograma a{color:#7A7A7A; font-weight:bold; font-size:16px;} #conteudo #conteudoGrade .itemGrade .tituloPrograma a{color:#00315B; font-weight:bold; font-size:16px;} #conteudo #conteudoGrade .itemGrade .textoProgramaExpandido .tituloEdicaoPrograma a{color:#00315B; font-weight:bold; font-size:20px; } #conteudo #conteudoGrade .itemGrade .textoProgramaExpandido .descricaoEdicaoPrograma a{color:#7A7A7A;} /************************************************* 6. Página de notícias (views/scripts/index/noticia.phtml) *************************************************/ /*6.1 Estilos Gerais da página*/ #clear{} #conteudo #noticiaDestaquePagina .wrapperInterno{} /*6.2 Conteúdo*/ #conteudo .imagemTituloPagina-Noticia {background:url(../imagens/icone_noticias.png) no-repeat; width:40px; height:32px; float:left;} /*6.3 Notícias*/ #noticiaDestaquePagina #imagemNoticiaDestaquePagina {} #noticiaDestaquePagina #imagemNoticiaDestaquePagina a {border:0px;} #noticiaDestaquePagina #conteudoCentralDestaqueNoticiaPagina {} #noticiaDestaquePagina #conteudoCentralDestaqueNoticiaPagina #tituloConteudoCentralDestaqueNoticiaPagina{font-size: 20px; color: #015CAB; font-weight: bold;} #noticiaDestaquePagina #conteudoCentralDestaqueNoticiaPagina #tituloConteudoCentralDestaqueNoticiaPagina a {color: #015CAB; font-size: 20px; font-weight:bold; text-decoration: none;} #noticiaDestaquePagina #conteudoCentralDestaqueNoticiaPagina #tituloConteudoCentralDestaqueNoticiaPagina a:hover {text-decoration: underline;} #noticiaDestaquePagina #conteudoCentralDestaqueNoticiaPagina #horaEdiaConteudoCentralDestaqueNoticiaPagina{font-weight: bold; } #noticiaDestaquePagina #conteudoCentralDestaqueNoticiaPagina #textoConteudoCentralDestaqueNoticiaPagina{} #noticiaDestaquePagina #conteudoCentralDestaqueNoticiaPagina #textoConteudoCentralDestaqueNoticiaPagina a{text-decoration: none;} #noticiaDestaquePagina #conteudoCentralDestaqueNoticiaPagina #textoConteudoCentralDestaqueNoticiaPagina a:hover{text-decoration: underline;} #noticiaDestaquePagina .subNoticiaDestaquePagina{} #noticiaDestaquePagina .subNoticiaDestaquePagina .subColunaNoticiaPagina{color: #015CAB; } #noticiaDestaquePagina .subNoticiaDestaquePagina .subHorarioNoticiaPagina{} #noticiaDestaquePagina .subNoticiaDestaquePagina .subTituloNoticiaDestaquePagina{color: #015CAB; font-weight: bold; font-size: 14px;} #noticiaDestaquePagina .subNoticiaDestaquePagina .subTituloNoticiaDestaquePagina a{color: #015CAB; font-weight: bold;text-decoration: none;} #noticiaDestaquePagina .subNoticiaDestaquePagina .subTituloNoticiaDestaquePagina a:hover{text-decoration: underline;} #noticiaDestaquePagina .subNoticiaDestaquePagina .subTextoNoticiaPagina{} #noticiaDestaquePagina .subNoticiaDestaquePagina .conteudoEspacado a{text-decoration: none;} #noticiaDestaquePagina .subNoticiaDestaquePagina .conteudoEspacado a:hover{text-decoration: underline;} /*6.4 Paginação */ .pagination {font-size: 20px; color: #015CAB; font-weight: bold; width:180px;} .pagination .imagemPaginador{border:0px; } .pagination #paginationTexto{} .pagination #paginationImagens #paginationImagensEsquerda{} .pagination #paginationImagens #paginationImagensDireita{} /************************************************* 7. Página de detalhamento de notícias (views/scripts/index/detalhar-noticia.phtml) *************************************************/ /*7.1 Estilos Gerais da página*/ #clear{} /*7.2 Conteúdo*/ #conteudo .imagemTituloPagina-Noticia {background:url(../imagens/icone_noticias.png) no-repeat; width:40px; height:32px; float:left;} /*7.3 Notícias*/ #conteudo #noticia #imagemNoticia {} #conteudo #noticia #textoNoticia {} #conteudo #noticia #textoNoticia p{} #conteudo #noticia #tituloNoticia{font-size: 20px; color: #015CAB; font-weight: bold;} #conteudo #noticia #editoria {} #conteudo #noticia #editoria .subColunaNoticiaPagina{color: #015CAB; } #conteudo #noticia #editoria .subHorarioNoticiaPagina{} #conteudo #noticia .wrapperInterno{} #conteudo .back{text-align: right;font-size: 14px; color: #015CAB; font-weight: bold;} #conteudo .back a{color: #015CAB;text-decoration: none;} #conteudo .back a:hover{text-decoration: underline;} /************************************************* 8. Página Conheça a TVJustiça (views/scripts/index/conheca.phtml) *************************************************/ /*8.1 Estilos Gerais da página*/ /************************************************* 9. Página de detalhamento de programas (views/scripts/index/detalhar-programa.phtml) *************************************************/ /*9.1 Estilos Gerais da página*/ #conteudo .imagemTituloPagina-Detalhar-Programa {background:url(../imagens/logoProgramas.jpg) no-repeat;} /*9.2 Conteúdo*/ #conteudo #programaDestaqueTopo{background: none repeat scroll 0 0 #F2F2F2; border-top: 2px solid #CBCBCB;; border-bottom: 2px solid #CBCBCB;} #conteudo .conteudoTextualExibido{color: #015CAB;} #conteudo #tituloDoConteudoTextualDoVideoPrincipalDoPrograma{color: #015CAB; font-size: 18px; font-weight: bold;line-height: 130%; text-decoration: none;} #conteudo .listagemDeChamadaPrograma .conteudoTextoDaListagem{color: #015CAB; font-size: 18px; font-weight: bold;line-height: 130%; text-decoration: none;} #conteudo .listagemDeChamadaPrograma .conteudoTextoDaListagem a{color: #015CAB; } #conteudo .conteudoBordaDaListagem{border-bottom: dotted 2px #CBCBCB; clear: both;} #conteudo #textoDoConteudoTextuaoDoVideoPrincipalDoPrograma{font-size: 14px;} #conteudo #conteudoPaginacaoDoPrograma{color: #015CAB; font-size: 18px; font-weight: bold;} /************************************************* 10. Página de detalhamento de pesquisa (views/scripts/index/pesquisa.phtml) *************************************************/ /*10.1 Estilos Gerais da página*/ #conteudo .imagemTituloPagina-Busca {background:url(../imagens/icone_Busca.png) no-repeat;} /*10.2 Conteúdo*/ #conteudo #definicaoDeParemetros{} #conteudo #definicaoDeParemetrosYoutube{} #conteudo #definicaoDePeriodo{} #conteudo #exibicaoDeResultados{color: #1A4884; font-weight: bold; } #conteudo .tituloDaPesquisa{color: #015CAB; font-size: 16px; font-weight: bold; } #conteudo .tituloDaPesquisaComD{color: #015CAB; font-size: 16px; font-weight: bold; } #conteudo .tituloDaPesquisaComA{color: #015CAB; font-size: 16px; font-weight: bold; } #conteudo .areaCampoPesquisa{background: none repeat scroll 0 0 #CBCBCB;} #conteudo .areaCampoPesquisaData{background: none repeat scroll 0 0 #CBCBCB; } #conteudo .pesquisaData{background: none repeat scroll 0 0 #CBCBCB; color: #FFFFFF; font-size: 17px;} #conteudo #exemploData{} #conteudo #botaoBuscar{background-image: url("../imagens/bgBtMais.png"); border: 0 none; border-radius: 0.4em 0.4em 0.4em 0.4em; color: #FFFFFF; outline: 0 none; cursor: pointer;} #conteudo #campoDoBotao{} #conteudo .argumentosPesquisa{background: none repeat scroll 0 0 #CBCBCB; border: 0 none; color: #656565; cursor:pointer;} #conteudo #campoDePalavrasChaves{} #conteudo #resultadoDaBuscaPesquisa{} #conteudo #resultadoDaBuscaPesquisa .resultadoTexto {;} #conteudo .conteudoTituloDaBusca{color: #015CAB; font-size: 18px; font-weight: bold; line-height: 130%; text-decoration: none;} #conteudo .conteudoTituloDaBusca a{color: #015CAB;} #conteudo .listagemDeBuscaPesquisa{} #conteudo #conteudoBordaDaListagemDaPesquisa{border-bottom: 1px solid #CBCBCB; } #conteudo #conteudoPaginacaoDaPesquisa{color: #015CAB; font-size: 18px; font-weight: bold; } #conteudo #conteudoDaFraseBusca{} #conteudo .busca{background: none repeat scroll 0 0 #CBCBCB; border: 0 none; color: #FFFFFF; font-size: 17px; margin: 10px; vertical-align: middle; } #conteudo .imagemResultadoBusca{} #conteudo .conteudoDaPesquisaData{} #conteudo .conteudoTextoDaBusca{} #conteudo .buscaExibicoes {} /************************************************* 11. Página Sintonize (views/scripts/index/sintonize.phtml) *************************************************/ /*11.1 Estilos Gerais da página*/ #conteudo .imagemTituloPagina-Sintonize {background:url(../imagens/icone_sintonize.png) no-repeat; } #texto #avisoMapa{color: #3B527B;font-weight: bold;} #texto #mapa{} #texto #textoSintonizeComum{color: #A9791A; font-weight: bold; border-bottom: 1px solid #063458; font-size: 13px;} #texto #textoSintonizeEstado{font-weight: bold;font-size: 13px; color: #183B57;} /************************************************* 12. Página Contato (views/scripts/index/contato.phtml) *************************************************/ /*12.1 Estilos Gerais da página*/ #conteudo .imagemTituloPagina-Conheca {background:url(../imagens/icone_conheca.png) no-repeat;} #texto #painelEsquerdo #newsLetter{font-size:11px; font-weight:bold;} #texto #painelDireito {font-size:14px; color:#1A4884;} #texto #painelDireito #aviso {font-size:16px; font-weight:bold;} #texto #painelDireito #caixaAzul {background:#1A4884; font-size:14px; color:#FFF;}