/* CSS Document */ /* Folhas de Estilo do Site [Front_end] do portal milhoes.com */ /* +++++++ CREDITOS & COPYRIGHT +++++++ Folhas de Estilo do Front-End do portal milhoes.com Criadas por alvaro saraiva @ glups.pt @ fevereiro 2006 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*/ background-color:#ffffff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_body.gif); background-repeat: repeat-y; 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: #B4D129; /* cor da barra e dos quadrados que suportam as setas*/ scrollbar-3dlight-color: #B4D129; /* 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: #7E931E; /* cores das setas */ } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++ FORMATACAO DE TEXTO ++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* todos os textos dos tds */ td { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height: 14px;} /* Controla a apresentao dos links gerais */ a:visited { color: #7E931E; text-decoration: underline} a:link { color: #657517; text-decoration: underline} a:hover { color: #7E931E; text-decoration: underline} /* textos verde Bold*/ .txtVerdeBold { color: #7E931E; font-weight: bold;} .txtVerdeBold a:visited { color: #657517; font-weight: bold; text-decoration: underline; } .txtVerdeBold a:link { color: #7E931E; font-weight: bold; text-decoration: none; } .txtVerdeBold a:hover { color: #657517; font-weight: bold; text-decoration: underline; } /* textos vermelhos */ .txtTituloVermelho { color: #990000; font-weight: bold; font-size: 13px;} .txtTituloVermelho a:visited { color: #7E931E; font-weight: bold; font-size: 13px; text-decoration: underline; } .txtTituloVermelho a:link { color: #990000; font-weight: bold; font-size: 13px; text-decoration: none; } .txtTituloVermelho a:hover { color: #7E931E; font-weight: bold; font-size: 13px; text-decoration: underline; } .txtVermelhoBold { color: #990000; font-weight: bold; } /* textos verdes */ .txtTituloVerde { color: #7E931E; font-weight: bold; font-size: 13px;} .txtTituloVerde a:visited { color: #657517; font-weight: bold; font-size: 13px; text-decoration: underline; } .txtTituloVerde a:link { color: #7E931E; font-weight: bold; font-size: 13px; text-decoration: none; } .txtTituloVerde a:hover { color: #657517; font-weight: bold; font-size: 13px; text-decoration: underline; } /* textos cinza */ .txtTituloCinzaClaro { color: #666666; font-weight: bold; font-size: 13px;} .txtTituloCinzaClaro a:visited { color: #7E931E; font-weight: bold; font-size: 13px; text-decoration: underline; } .txtTituloCinzaClaro a:link { color: #666666; font-weight: bold; font-size: 13px; text-decoration: none; } .txtTituloCinzaClaro a:hover { color: #7E931E; font-weight: bold; font-size: 13px; text-decoration: underline; } /* textos cinza escuro */ .txtTituloCinzaEscuro { color: #333333; font-weight: bold; font-size: 13px;} .txtTituloCinzaEscuro a:visited {color: #333333; font-weight: bold; font-size: 13px; text-decoration: underline; } .txtTituloCinzaEscuro a:link { color: #333333; font-weight: bold; font-size: 13px; text-decoration: none; } .txtTituloCinzaEscuro a:hover { color: #7E931E; font-weight: bold; font-size: 13px; text-decoration: underline; } /* textos dos btns de rodape: imprimir, retroceder */ .tdBtnsRodape a { color: #B84B0A; text-decoration: none;} .tdBtnsRodape a:visited { color: #B84B0A; text-decoration: none;} .tdBtnsRodape a:link { color: #B84B0A; text-decoration: none;} .tdBtnsRodape a:hover { color: #EB600D; text-decoration: underline;} /* outros textos cinza */ .txtCinzaEscuro { color: #333333;} .txtCinzaEscuroBold { color: #333333; font-weight: bold; } .txtCinzaBold { color: #666666; font-weight: bold; } /* tds com links de texto */ .tdMenuTopoCinza a { font-weight: normal; color: #990000;} .tdMenuTopoCinza a:visited { color: #990000;; text-decoration: none;} .tdMenuTopoCinza a:link { color: #990000;; text-decoration: none;} .tdMenuTopoCinza a:hover { color: #657517; text-decoration: underline;} /* txt das datas */ .txtPeqVerde10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #7E931E;} .txtPeqVermelho10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #B84B0A;} .txtPeqCinza10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999;} .txtPeqCinzaEsc10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; font-weight: bold} .txtPeqCinzaEsc11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: bold} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++ 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 { /*background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_menu_esq.gif); background-repeat: repeat-y; background-position: top left;*/ background-color: #ffffff; text-align: left; vertical-align: top } /* fundo do template geral da pagina onde entra o conteudo */ .tdFundoCorpoConteudo { width: 497px; vertical-align: top; text-align: left; padding-right: 5px;} /* td do tmpl onde entra o conteúdo */ .tdConteudoTexto, .tdConteudoTextoOn { text-align: left; vertical-align: top; line-height: 16px; padding: 10px; padding-top: 5px; border-bottom: 10px solid #ffffff;} /* variacoes */ .tdConteudoTextoOn{ background-color: #F9FBEC; } /* td onde entra a text area com com o código gerado */ .tdConteudoCodigo{ background-color: #F9F9EC; text-align: center; vertical-align: middle; padding-top: 16px; padding-bottom: 16px } /* fundo do td com o menu esq */ .tdMenuEsqFundo { width: 172px; text-align: left; vertical-align: top } /* tds com o fundo para os links do menu */ tr.menuEsqFundoCinza1{ background-color: #EFEFEF; cursor: pointer} tr.menuEsqFundoCinza2{ background-color: #F2F2F2; cursor: pointer} tr.menuEsqFundoCinza3{ background-color: #f6f6f6; cursor: pointer} tr.menuEsqFundoCinza4{ background-color: #f9f9f9; cursor: pointer} tr.menuEsqFundoCinza5{ background-color: #fcfcfc; cursor: pointer} tr.menuEsqFundoCinzaOn1, tr.menuEsqFundoCinzaOn2, tr.menuEsqFundoCinzaOn3, tr.menuEsqFundoCinzaOn4, tr.menuEsqFundoCinzaOn5 { background-color: #E4EFAF; cursor: pointer} /* tds com os nomes dos canais */ td.menuEsqFundoCinza1, td.menuEsqFundoCinzaOn1, td.menuEsqFundoCinza2, td.menuEsqFundoCinzaOn2, td.menuEsqFundoCinza3, td.menuEsqFundoCinzaOn3, td.menuEsqFundoCinza4, td.menuEsqFundoCinzaOn4, td.menuEsqFundoCinza5, td.menuEsqFundoCinzaOn5 { text-align: right; vertical-align: middle; padding-right: 5px ; height: 22px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; border-bottom: 1px solid #FFFFFF} /* variacoes */ td.menuEsqFundoCinzaOn1, td.menuEsqFundoCinzaOn2, td.menuEsqFundoCinzaOn3, td.menuEsqFundoCinzaOn4, td.menuEsqFundoCinzaOn5 { color: #990000; } /* menu de topo: adicionar aos favoritos e tal */ .tdMenuTopoCinza{ height: 21px; text-align: right; padding-right: 9px; vertical-align: middle; background-color: #F3F3F3; color: #666666; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px } /* td com menu de topo cinza */ .tdFundoTopoCinza, .tdFundoTopo { height: 104px; background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_barra_topo_cinza.gif); background-repeat: repeat-x; background-position: top left; background-color: #ffffff; text-align: left; vertical-align: top; } .tdFundoTopo{ background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_barra_topo.gif); } /* barra dos btns do rodape */ .tdBtnsRodape{ height: 30px; text-align: right; vertical-align: middle; padding-right: 10px; padding-top: 5px; font-size: 9px; border-top: 1px dashed #D2D0BD; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 3px; } /* barra do rodape */ .tdRodape{ height: 104px; color: #B84B0A; text-align: left; vertical-align: middle;} /* tds com os títulos das seccoes */ .tdTituloSeccao1, .tdTituloSeccao2, .tdTituloSeccao3 { text-align: left; vertical-align:bottom; color: #B84B0A; font-weight: bold; font-size: 11px; padding-left:10px; padding-bottom: 3px; border-bottom: 1px dashed #EB600D; height: 30px } /* variacoes */ .tdTituloSeccao2{ color: #7E931E; border-bottom: 1px dashed #7E931E;} .tdTituloSeccao3{ color: #747474; border-bottom: 1px dashed #FF8C00;} .tdSubTitulo1{ padding: 3px; padding-left: 10px; font-weight: bold; color: #B84B0A; font-size: 11px; background-color: #E7F1BA; border-top: 1px dashed #B4D129; } /* tds com listagens de nºs */ /*.tdFundoNumeroOn, .tdFundoNumeroOff, .tdFundoEstrelaOn, .tdFundoEstrelaOff { background-repeat: no-repeat; background-position: top right; text-align: center; color:#990000; height: 25px; width: 25px; font-weight: bold; } /* variacoes */ /*.tdFundoNumeroOn { background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_numero_on.jpg); } .tdFundoNumeroOff { background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_numero_off.jpg); color:#666666; } .tdFundoEstrelaOn { width: 27px; background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_estrela_on.jpg); } .tdFundoEstrelaOff { width: 27px; background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_estrela_off.jpg); color:#666666; } /* tds com links de texto */ /*.tdFundoNumeroOn, .tdFundoEstrelaOn a { color:#990000; font-weight: bold;} .tdFundoNumeroOn, .tdFundoEstrelaOn a:visited { color:#990000; text-decoration: underline;} .tdFundoNumeroOn, .tdFundoEstrelaOn a:link { color:#990000; text-decoration: underline;} .tdFundoNumeroOn, .tdFundoEstrelaOn a:hover { color:#657517; text-decoration: underline;} .tdFundoNumeroOff, .tdFundoEstrelaOff a { color:#666666; font-weight: bold;} .tdFundoNumeroOff, .tdFundoEstrelaOff a:visited { color:#666666; text-decoration: underline;} .tdFundoNumeroOff, .tdFundoEstrelaOff a:link { color:#666666; text-decoration: underline;} .tdFundoNumeroOff, .tdFundoEstrelaOff a:hover { color:#657517; text-decoration: underline;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++ FORMATACAO DOS SEPARADORES +++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* separador com 1px tracejado cinza */ .tdSeparadorCinzaHz1pt { border-top: dashed 1pt #ADADAD; height:1px} /* separador menu esq cinza horizontal */ .tdSeparadorHzCinzaMenu { height: 4px; background-image: url(../../_imagens/_tmpl/tmpl_fe_separador_hz_menu_esq_cinza.gif); background-repeat: repeat-x; background-position: top left; } /* separador 5px hz cinza */ .tdSeparadorHzCinza5px{ height: 5px; background-image: url(../../_imagens/_tmpl/tmpl_fe_separador_hz_cinza_5px.gif); background-repeat: repeat-x; background-position: top left; } /* separador 9px hz cinza */ .tdSeparadorHzCinza9px{ height: 9px; background-image: url(../../_imagens/_tmpl/tmpl_fe_separador_hz_cinza_9px.gif); background-repeat: repeat-x; background-position: top left; } /* separador 9px vt cinza */ .tdSeparadorVtCinza9px{ width: 9px; background-image: url(../../_imagens/_tmpl/tmpl_fe_separador_vt_cinza_9px.gif); background-repeat: repeat-y; background-position: top left; } /* separador Vazio */ .tdSeparadorHz5 { height: 5px; } .tdSeparadorHz10 { height: 10px; } .tdSeparadorHz15 { height: 15px; } .tdSeparadorHz20 { height: 20px; } .tdSeparadorHz30 { height: 30px; } .tdSeparadorHz100 { height: 100px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++ 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:#F9FBEC; text-align: right;} .tdListagemOnDta{ background-color:#F9FBEC; } .tdListagemOnCentro{ background-color:#F9FBEC; 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:#F9FBEC; text-align: right;} .tdListagemSelectedDta{ color: #666666; background-color:#F9FBEC;} .tdListagemSelectedCentro{ color: #666666; background-color:#F9FBEC; text-align: center;} /* variações dos formulários */ .tdFormOffEsq{ border-left: 0px; width: 140px; text-align: right; font-weight: bold; } .tdFormOffDta{ border-left: 0px; vertical-align: bottom; /*font-style: italic; */} .tdFormOnEsq{ border-left: 0px; width: 140px; text-align: right; font-weight: bold; background-color:#F9FBEC; } .tdFormOnDta{ border-left: 0px; vertical-align: bottom; font-style: italic; background-color:#F9FBEC; } /* variações dos títulos das listagens */ .tdListagemTituloEsq, .tdListagemTituloDta, .tdListagemTituloCentro { color: #657517; font-weight: bold; height: 18px; background-image:url(../../_imagens/_tmpl/tmpl_fe_fundo_verde_listagem.jpg); } .tdListagemTituloDta { text-align: right; } .tdListagemTituloCentro { text-align: center; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++ FORMATAÇÃO DOS DIVS ++++++++++++++++ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .opcaoInvisivel {display:none} .opcaoVisivel {display:table-row-group} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++ FORMATACAO DOS FORMULARIOS DOS TEMPLATES +++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* Text Input gerais dos formularios no estado normal, com focus e com erro no preenchimento */ .formInput, .formInputFocus, .formInputErro, .formCombo, .formComboFocus, .formComboErro { width:260px; height: 19px; font-family: Tahoma, verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; font-weight: normal; font-style: normal; background-color: #FBFAF7; border: 1px solid #D2D0BD;} /* Variações */ /* Text Input gerais dos formularios com focus*/ .formInputFocus { background-color: #F3F8DB; border: 1px solid #999999; } /* Input gerais dos formularios com erro */ .formInputErro { border: 1px solid #990000; background-color: #FFEAAA; /*font-weight: bold; */ color:#990000; } /* combos */ .formCombo { width: 200px; } /* combo com focus */ .formComboFocus { width: 200px; background-color: #F3F8DB; border: 1px solid #999999;} /* combo com erro */ .formComboErro { width: 200px; border: 1px solid #990000; background-color: #FFEAAA; /*font-weight: bold; */ color:#990000; } textarea.conteudoCodigo{ font-family: monospace; font-size: 11px; color: #990000; background-color: #FDFDFA; border: 1px solid #D2D0BD; width: 465; height: 330px; vertical-align: middle; }