/* CSS Document */ /* Folhas de Estilo do Site [Front_end] do portal institucional da aldeia de trevoes [www.trevoes.net] */ /* +++++++ CREDITOS & COPYRIGHT +++++++ Folhas de Estilo do Front-End do site trevoes.net Criadas por alvaro saraiva @ glups.pt @ julho 2005 Glups - Atelier de Novas Tecnologias, Lda Rua Jaime Campos, Bloco D, Piso 3 Esq., 5000-431 Vila Real | Portugal Tel. [351] 259 322 183 | E-mail: info@glups.pt | URL: www.glups.pt Se utilizarem esta folha de estilos para os vossos trabalhos, a Glups agradece que ao menos nao retirem estas linhas de codigo, por respeito e agradecimento ao trabalho das pessoas que a criaram e ao trabalho que voces pouparam. Keep Cool. Peace ;) */ /* +++++++ FORMATACAO GERAL DA PAGINA +++++++ */ /* Controla a apresentao do contedo que dependente da tag */ body { /* Controlo de todo o texto no body*/ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #7A7A7A; line-height: 14px; background-color: #D9D9CC; background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_pagina.jpg); background-repeat: repeat-x; background-position: top left; /* Controla as Scrollbars da pagina*/ /* Ver mais info sobre as propriedades em: http://www.websitetips.com/info/css/scrollbars.shtml */ scrollbar-face-color: #EFF0F1; /* cor da barra e dos quadrados que suportam as setas*/ scrollbar-3dlight-color: #AEB2B6; /* Rebordo das setas */ /*scrollbar-highlight-color: #999999; /* Sombra do lado esq e topo da barra e quadrados setas */ scrollbar-track-color: #ffffff; /* cor do fundo */ scrollbar-darkshadow-color: #ffffff; /* sombra da barra e dos quadrados das setas */ scrollbar-arrow-color: #AEB2B6; /* cores das setas */ } td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #7A7A7A; line-height: 14px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++ FORMATACAO DO TEXTO ++++++++++++++++++ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* +++++++ LINKS +++++++ */ /* Controla a apresentao dos links gerais */ a:visited { color: #DD6900; text-decoration: underline} a:link { color: #EC7C00; text-decoration: underline} a:hover { color: #689B35; text-decoration: underline} /* links do navegador de topo */ .tdNavegadorTopo a, .tdNavegadorBottom a { font-weight: bold; font-style: normal;} .tdNavegadorTopo a:visited,.tdNavegadorBottom a:visited { color: #858563; text-decoration: underline;} .tdNavegadorTopo a:link, .tdNavegadorBottom a:link { color: #858563; text-decoration: none;} .tdNavegadorTopo a:hover, .tdNavegadorBottom a:hover { color: #689B35; text-decoration: underline;} /* links do paginador */ .tdPaginador a { font-weight: bold;} .tdPaginador a:visited { color: #EC7C00; text-decoration: underline;} .tdPaginador a:link { color: #EC7C00; text-decoration: underline;} .tdPaginador a:hover { color: #689B35; text-decoration: underline;} /* links no menu do lado dto */ .tdMenuDtoLinkCastEscuro a, .tdMenuDtoLinkCastClaro a, .tdMenuDtoLinkCastEscuroOn a, .tdMenuDtoLinkCastClaroOn a { font-weight: bold;} .tdMenuDtoLinkCastEscuro a:visited, .tdMenuDtoLinkCastClaro a:visited, .tdMenuDtoLinkCastEscuroOn a:visited, .tdMenuDtoLinkCastClaroOn a:visited { color: #858563; text-decoration: none;} .tdMenuDtoLinkCastEscuro a:link, .tdMenuDtoLinkCastClaro a:link, .tdMenuDtoLinkCastEscuroOn a:link, .tdMenuDtoLinkCastClaroOn a:link { color: #858563; text-decoration: none;} .tdMenuDtoLinkCastEscuro a:hover, .tdMenuDtoLinkCastClaro a:hover, .tdMenuDtoLinkCastEscuroOn a:hover, .tdMenuDtoLinkCastClaroOn a:hover { color: 689b35; text-decoration: underline;} /* links pequenos nos nomes dos canais ou seccoes */ .tdLinkPeq { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #7a7a7a; letter-spacing: 3px; text-decoration: none; padding-top:8px; padding-bottom:5px; border-bottom:1px solid #DBDBCF} .tdLinkPeq a { color: #7a7a7a; text-decoration: none} .tdLinkPeq a:visited { color: #7a7a7a; text-decoration: none} .tdLinkPeq a:link { color: #7a7a7a; text-decoration: none} .tdLinkPeq a:hover { color: #ec7c00; text-decoration: underline} /* txt das categorias nos destaques */ a.txtCategoriasDestaques { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } a.txtCategoriasDestaques:visited { text-decoration: underline; color: #8B8B8B;} a.txtCategoriasDestaques:link { text-decoration: underline; color: #999999;} a.txtCategoriasDestaques:hover { text-decoration: underline; color: #EC7C00;} /* links dos resumos nos destaques */ a.txtLinkDestaquesBold:visited { text-decoration: none; font-weight: bold; color: #858563 } a.txtLinkDestaquesBold:link { text-decoration: none; font-weight: bold; color: #858563 } a.txtLinkDestaquesBold:hover { text-decoration: underline; font-weight: bold; color: #EC7C00} /* +++++++ OUTROS TEXTOS ++++++++ */ /* txt das datas */ .txtDataDestaques { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #8B8B8B;} /* textos vermelhos */ .txtTituloLaranja { color: #EC7C00; font-weight: bold; font-size: 11px;} .txtTituloLaranja a:visited { color: #EC7C00; font-weight: bold; font-size: 11px; text-decoration: underline; } .txtTituloLaranja a:link { color: #EC7C00; font-weight: bold; font-size: 11px; text-decoration: none; } .txtTituloLaranja a:hover { color: #666666; font-weight: bold; font-size: 11px; text-decoration: underline; } .txtVermelhoBold { color: #DD6900; font-weight: bold; } .txtLaranjaBold { color: #EC7C00; font-weight: bold; } /* titulos */ .txtTitVerdeBold { font-size: 13px; color: #666633; font-weight: bold; } .txtTitLaranjaBold { font-size: 13px; color: #EC7C00; font-weight: bold; } /* sub-titulos */ .txtSubtitVerdeBold { font-size: 11px; color: #666633; font-weight: bold; } .txtSubtitLaranjaBold { font-size: 11px; color: #EC7C00; font-weight: bold; } /* txt dos resumos dos artigos */ .txtResumoDetalhes { line-height:15px; font-size:10px; color:#7a7a7a; font-weight: bold; font-family: verdana, Arial, Helvetica, sans-serif; /*text-transform: uppercase;*/ /*text-decoration: underline*/ } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++ FORMATACAO DOS TD'S DOS TEMPLATES ++++++++++ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* td que alberga qualquer tabela -» Alinha à esq e ao topo */ .tdPortaTabelasLeft { text-align: left; vertical-align: top; } /* td que alberga qualquer tabela -» Alinha à dta e ao topo */ .tdPortaTabelasRight { text-align: right; vertical-align: top; } /* td que alberga qualquer tabela -» Alinha ao centro e ao topo */ .tdPortaTabelasCenter { text-align: center; vertical-align: top; } /* fundo do template geral da pagina */ .tdFundoCorpo { vertical-align: top; text-align: left; background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_corpo.gif); background-repeat: repeat-y; background-position: top center; } /* fundo do template geral da pagina onde entra o conteudo */ .tdFundoCorpoConteudo { vertical-align: top; text-align: left; background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_corpo_conteudo.jpg); background-repeat: repeat-y; background-position: top center; padding-left:39px; padding-right: 41px; /*padding-top: 10px*/ } /* tmpl onde entra o conteúdo */ .tdConteudoTabela { text-align: left; vertical-align: top; padding-left:28px; padding-right: 8px} /* td do tmpl onde entra o conteúdo */ .tdConteudoTexto { text-align: left; vertical-align: top; line-height: 15px; padding-top:8px /*padding-left:28px; padding-right: 8px*/} /* paginadores (topo e bottom) das páginas */ .tdNavegadorTopo, .tdNavegadorBottom { color: #89A1B3; font-size: 10px; text-align: right; vertical-align: middle; padding-right:8px} /* variações*/ .tdNavegadorBottom { background-image: url(../../_imagens/);} .tdSubtitulo{ text-align: left; vertical-align: top; height: 31px; background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_subtitulos.gif); background-repeat: repeat-x; background-position: top left; } /* td que serve para voltar para o topo das páginas no caso do anchor points */ .tdTopoPagina { height: 20px; vertical-align: top; text-align: right; } /* td com o paginador */ .tdPaginador { background-repeat: repeat-x; background-position: top right; background-image:url(../../_imagens/_tmpl/tmpl_fe_fundo_btn_topo_artigos.gif); height: 30px; text-align: right; vertical-align: middle; font-weight: bold; padding-top: 7px; padding-right: 6px } /* td com os botoes 'imprimir', 'retroceder', etc */ .tdPrint { vertical-align: top; text-align: right; height: 30px; padding-right: 0px; background-image:url(../../_imagens/_tmpl/tmpl_fe_fundo_print.gif); background-repeat: repeat-x; background-position: top right;} /* TDs de listagens (titulos, subtitulos) dos canais dinamicos */ .tdSeparadorTitLaranja { font-size: 11px; color: #EC7C00; font-weight: bold; padding-top:10px; padding-bottom:3px; border-bottom:1px solid #DBDBCF;} .tdSeparadorTitVerde { font-size: 11px; color: #666633; font-weight: bold; padding-top:10px; padding-bottom:3px; border-bottom:1px solid #DBDBCF;} /* tds onde entram os registos em destaque nas listagens */ .tdListagemDestaquesBranco, .tdListagemDestaquesVerde, .tdListagemDestaquesAzul, .tdListagemDestaquesCinza, .tdListagemDestaquesBeije { text-align: left; vertical-align: top; padding: 6px;} /* variacoes*/ .tdListagemDestaquesVerde { background-color: #F6FAF3;} .tdListagemDestaquesAzul { background-color: #EAEEF2;} .tdListagemDestaquesCinza { background-color: #F3F3F3;} .tdListagemDestaquesBeije { background-color: #F8F8F1;} /* tds das msgs do Livro de Visitas */ .tdMsgLivro{ background-color: #F4F9E9; border-top: dashed 1px #DBDBCF; padding: 6px; padding-top: 4px } /* ++++++++ DESTAQUES NO MENU DIREITO ++++++++++*/ /* fundo do tmpl na zona do menu lateral */ .tdFundoMenuDto { text-align: left; vertical-align: top; width: 220px; } /* tds com links no lado dto */ .tdMenuDtoLinkCastEscuro, .tdMenuDtoLinkCastEscuroOn, .tdMenuDtoLinkCastClaro, .tdMenuDtoLinkCastClaroOn { /*background-repeat: repeat-x; background-position: top left;*/ padding: 4px; padding-top:6px; padding-left: 8px; font-weight: bold; color: #AEB2B6; text-decoration: none; border-top:1px solid #DBDBCF} /* variacoes */ .tdMenuDtoLinkCastEscuro { background-color:#F1F1EB; border-top: 1px solid #B8B8A0 /*background-image:url(../../_imagens/_tmpl/tmpl_fe_separador_hz_menu_dto_cast_escuro.gif); */} .tdMenuDtoLinkCastClaro { background-color:#F8F8F5 /*background-image:url(../../_imagens/_tmpl/tmpl_fe_separador_hz_menu_dto_cast_claro.gif);*/ } .tdMenuDtoLinkCastEscuroOn { background-color:#ECFCE9; border-top: 1px solid #B8B8A0 /*background-image:url(../../_imagens/_tmpl/tmpl_fe_separador_hz_menu_dto_cast_escuro_on.gif);*/ } .tdMenuDtoLinkCastClaroOn { background-color:#ECFCE9 /*background-image:url(../../_imagens/_tmpl/tmpl_fe_separador_hz_menu_dto_cast_claro_on.gif); */} /* links */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++ FORMATACAO DOS SEPARADORES +++++++++++++++ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* separador Vazio */ .tdSeparadorHz5 { height: 5px; } .tdSeparadorHz10 { height: 10px; } .tdSeparadorHz15 { height: 15px; } .tdSeparadorHz20 { height: 20px; } .tdSeparadorHz30 { height: 30px; } .tdSeparadorHz100 { height: 100px; } /* separadores diagonais */ /* .tdSeparadorDiagBeije1, .tdSeparadorDiagBeije2, .tdSeparadorDiagVerde1 { height: 8px; text-align: left; vertical-align: top; background-position: top left; background-repeat: repeat-x; } /* variacoes */ /* .tdSeparadorDiagBeije1 { background-image: url(../../_imagens/_tmpl/tmpl_fe_separador_diagonal_beije_01.gif); } .tdSeparadorDiagBeije2 { background-image: url(../../_imagens/_tmpl/tmpl_fe_separador_diagonal_beije_02.gif); height: 10px} .tdSeparadorDiagVerde1 { background-image: url(../../_imagens/_tmpl/tmpl_fe_separador_diagonal_verde_01.gif); } /* separadores horizontais */ .tdSeparadorHzLaranja7px, .tdSeparadorHzBeije7px, .tdSeparadorHzBeije9px { background-position: bottom left; background-repeat: repeat-x; } /* variacoes */ .tdSeparadorHzLaranja7px { height: 7px; background-image: url(../../_imagens/_tmpl/tmpl_fe_separador_hz_laranja_7px.gif);} .tdSeparadorHzBeije7px { height: 7px; background-image: url(../../_imagens/_tmpl/tmpl_fe_separador_hz_beije_7px.gif);} .tdSeparadorHzBeije9px { height: 9px; background-image: url(../../_imagens/_tmpl/tmpl_fe_separador_hz_beije_9px.gif);} /* separadores verticais */ .tdSeparadorVtCinzaEscuro, .tdSeparadorVtCinzaClaro, .tdSeparadorVtLaranja { width: 9px; background-position: top left; background-repeat: repeat-y } /* variações */ .tdSeparadorVtCinzaEscuro { background-image: url(../../_imagens/_tmpl/tmpl_fe_separador_vt_cinza_escuro.gif); } .tdSeparadorVtCinzaClaro { background-image: url(../../_imagens/_tmpl/tmpl_fe_separador_vt_cinza_claro.gif); } .tdSeparadorVtLaranja { background-image: url(../../_imagens/_tmpl/tmpl_fe_separador_vt_laranja.gif); } /* SEPARADORES DAS LISTAGENS DOS TÓPICOS */ .tdSeparadorTopicosAzul, .tdSeparadorTopicosVerde, .tdSeparadorTopicosLaranja, .tdSeparadorTopicosBeije { background-repeat: no-repeat; background-position: center left; padding: 4px; padding-left: 20px; border-bottom: 1px solid #DBDBCF } /* variacoes */ .tdSeparadorTopicosAzul { background-image:url(../../_imagens/_tmpl/tmpl_fe_fundo_listagens_topicos_azul.gif);} .tdSeparadorTopicosVerde { background-image:url(../../_imagens/_tmpl/tmpl_fe_fundo_listagens_topicos_verde.gif);} .tdSeparadorTopicosLaranja { background-image:url(../../_imagens/_tmpl/tmpl_fe_fundo_listagens_topicos_laranja.gif);} .tdSeparadorTopicosBeije { background-image:url(../../_imagens/_tmpl/tmpl_fe_fundo_listagens_topicos_beije.gif);} /* separador dos btn Topo nos artigos */ .tdSeparadorBtnTopo { background-repeat: repeat-x; background-position: top right; background-image:url(../../_imagens/_tmpl/tmpl_fe_fundo_btn_topo_artigos.gif); height: 30px; text-align: right } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++ LISTAGENS E FORMULARIOS +++++++++++++++++ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* formata os tds onde aparecem as listagens e formulários */ .tdListagemOnEsq, .tdListagemOnDta, .tdListagemOnCentro, .tdListagemOffEsq, .tdListagemOffDta, .tdListagemOffCentro, .tdListagemSelectedEsq, .tdListagemSelectedDta, .tdListagemSelectedCentro, .tdFormOffEsq, .tdFormOffDta, .tdFormOnEsq, .tdFormOnDta, .tdListagemTituloEsq, .tdListagemTituloDta, .tdListagemTituloCentro { /*color: #526B7F;*/ text-align: left; vertical-align: middle; height: 17px; border-top: 1px solid #DBDBCF; border-left: 1px solid #DBDBCF; padding-left: 2px; padding-right: 2px; padding-top: 3px; padding-bottom: 3px; background-repeat: repeat-x; background-position: bottom left; } /* variações das listagens */ .tdListagemOnEsq{ background-color:#F6FAF3; text-align: right;} .tdListagemOnDta{ background-color:#F6FAF3; } .tdListagemOnCentro{ background-color:#F6FAF3; text-align: center;} .tdListagemOffEsq{ text-align: right; } .tdListagemOffDta{ /*background-image:url(../../_imagens/_tmpl/tmpl_fe_fundo_listagens_off.jpg);*/} .tdListagemOffCentro{ text-align: center; } .tdListagemSelectedEsq{ color: #666666; background-color:#E3EFD9; text-align: right;} .tdListagemSelectedDta{ color: #666666; background-color:#E3EFD9;} .tdListagemSelectedCentro{ color: #666666; background-color:#E3EFD9; text-align: center;} /* variações dos formulários */ .tdFormOffEsq{ border-left: 0px; width: 160px; text-align: right; font-weight: bold; } .tdFormOffDta{ border-left: 0px; vertical-align: bottom; font-style: italic; } .tdFormOnEsq{ border-left: 0px; width: 160px; text-align: right; font-weight: bold; background-color:#F6FAF3; } .tdFormOnDta{ border-left: 0px; vertical-align: bottom; font-style: italic; background-color:#F6FAF3; } /* variações dos títulos das listagens */ .tdListagemTituloEsq, .tdListagemTituloDta, .tdListagemTituloCentro { color: #858563; font-weight: bold; height: 18px; background-image:url(../../_imagens/_tmpl/tmpl_fe_fundo_listagens_titulos.jpg); } .tdListagemTituloDta { text-align: right; } .tdListagemTituloCentro { text-align: center; } /* +++++++++++++++++ MAPA DO SITE +++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++ MENSAGENS DE ERRO OU SUCESSO ++++++++++++++ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* formata os tds onde aparecem as mensagens de sucesso */ .tdSucesso{ background-color:#F6FAF3; padding:5px; padding-left:10px; vertical-align:middle; text-align: left; font-weight: bold; color: #666633; } /* formata os tds onde aparecem os erros */ .tdErro { background-color: #FFD75B; padding: 5px; padding-left: 10px; vertical-align: middle; text-align: left; font-weight: bold; color: #993300; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++ FORMATAÇÃO DOS DIVS ++++++++++++++++ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .opcaoInvisivel {display:none} .opcaoVisivel {display:table-row-group} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++ IMAGENS +++++++++++++++++++++++ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* formata os tds com as imagens pequenas */ .tdImagemDestaque{ width: 94px; text-align: left; vertical-align: top; padding-right: 4px; /*padding-top: 8px*/ } /* formata os tds com as imagens grandes */ .tdImagemGrande{ text-align: left; vertical-align: top; border: 1px solid #FF9F39; border-top: 0px } .imagemGrande_s2{ border: 1px solid #FF9F39; } /* tabelas que albergam as imagens grandes */ .tabelaImagemGrande{ border-right: 5px solid #ffffff; border-bottom: 5px solid #ffffff;} /* formata os tds com as legendas e autor das fotos */ .tdLegendaImagem { color: #666666; background-color: #EAEAE2; font-style: italic; padding: 2px; padding-left: 4px} /* formata as imagens grandes fora dos TD's */ .imagemGrande { border-right: 5px solid #ffffff; } .imagemGrFundoAzul { border-right: 5px solid #EAEEF2; } .imagemGrFundoVerde { border-right: 5px solid #F6FAF3; } .imagemGrFundoCinza { border-right: 5px solid #F3F3F3; } .imagemGrFundoBeije { border-right: 5px solid #F6F5EC; } /* td com o btn de fechar os divs das imagens */ .imgBtnFechar { text-align: right; vertical-align: bottom; height: 23px; background-position: bottom left; background-repeat: repeat-x; background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_img_btn_fechar.gif);} /* imgs peq do menu do lado dto com border */ .imgPeqBorder2px{ border-right: 2px solid #ffffff } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++ FORMATACAO DOS FORMULARIOS DOS TEMPLATES +++++++ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* Text Input gerais dos formularios no estado normal, com focus e com erro no preenchimento */ .formInput, .formInputFocus, .formInputErro, .formComboFiltros, .formComboFiltrosFocus, .formComboFiltrosErro { width:260px; font-family: verdana, Arial, Helvetica, sans-serif; color:#666666; font-size: 10px; font-weight: normal; background-color: #ffffff; border: 1px solid #c0c0c0; text-transform: none; letter-spacing: 0px} /* Variações */ /* Text Input gerais dos formulrios com focus*/ .formInputFocus { background-color: #EFF7F1; border: 1px solid #999999; } /* Input gerais dos formularios com erro */ .formInputErro { border: 1px solid #FF9F39; background-color: #FFE28A; font-weight: bold; color:#EC7C00; } /* combos de pesquisa múltipla no menu dto */ .formComboFiltros { width: 200px; } /* combo menu lateral com focus */ .formComboFiltrosFocus { width: 200px; background-color: #EFF7F1; border: 1px solid #999999;} /* combo menu lateral com erro */ .formComboFiltrosErro { width: 200px; border: 1px solid #FF9F39; background-color: #FFE28A; font-weight: bold; color:#EC7C00; }