/** * * autor: Carlos Fernando * criado: 01 de dezembro de 2008 * **/ /* Departamento de Ciências Socias */ /* REGRAS QUE MUDAM DE ACORDO COM O LAYOUT (COR E IMAGEM) * os locais de mudanca de cores e imagens estao indicados do lado do seletor * os originas da imagens estão dentro do diretório "../departamentos/_imagens/_originais" */ body { background: #F0C000; } /* mudar cor body */ /* regras da faxina do float */ div.limpa-float{display:inline-block} div.limpa-float:after{content:".";display:block;height:0;clear:both;visibility:hidden} * html div.limpa-float{height:1%} div.limpa-float{display:block} p.informe-api-materia-chamada{display:inline-block} p.informe-api-materia-chamada:after{content:".";display:block;height:0;clear:both;visibility:hidden} * html p.informe-api-materia-chamada{height:1%} p.informe-api-materia-chamada{display:block} /* TESTEIRA */ #testeira { width: 680px; background: url(../_imagens/03_csegsf/csegsf1.jpg) center top no-repeat; /* mudar imagem da testeira */ height: 253px; position: absolute; top: -12px; left: 50%; margin-left: -343px; z-index: } /* #testeira h1 a { width: 686px; height: 199px; display: block; } #testeira form { position: absolute; top:215px; right: 20px; } #testeira input.btn { position: absolute; top:0; right: 20px; } #testeira input.texto { position: absolute; top:0; right: 95px; padding-top: .2em; border: 1px solid #CEA500; color: #999;} #data { position: absolute; top:200px; right: 20px;} #data p { font-size: .8em; } */ #testeira h1 a { width: 686px; height: 199px; display: block; } #testeira form { position: absolute; /*top:215px;*/ top: 198px; /*right: 20px;*/ height: 55px; background: #9A4E4E url(../_imagens/03_csegsf/fundo_busca.jpg) bottom no-repeat; width: 687px;} #testeira #bannertesteira { position: absolute; /*top:215px;*/ top: 0px; /*right: 27px;*/ height: 198px; width: 680px;} #testeira input.btn { position: absolute; /*top:0;*/top:13px; right: 20px; } #testeira input.texto { position: absolute; /*top:0;*/top:13px; right: 95px; padding-top: .2em; border: 1px solid #F0C000; color: #999;} #data { position: absolute; top:200px; right: 20px;} #data p { font-size: .8em; } /* CONTEUDO */ #coluna { padding-top:186px; } #coluna-interna { background-color:#FFF; padding-top: 70px; padding-bottom: 30px;} .saiba-mais { background:url(../_imagens/03_csegsf/mais.jpg) no-repeat right bottom; padding: 4px 17px 0 0; font-size: 80%; color: #CEA500; text-decoration: none; font-weight: bold; } /* mudar imagem e cor do link saiba mais */ .ajuste { font-size: 90%; } /* COLUNA ESQUERDA */ /* FORMULARIO DE LOGIN */ #form-login-container { width: 150px; margin: 0 auto;} #form-login { display: inline;} #form-login label { display: block; width: 100%; height: 100%; padding: .5em 0 .2em 0; } #form-login label a { padding-left: .5em; } #form-login-email, #form-login-senha { width: 146px; padding: .2em 0; margin: 0 0 5px 0; border: 1px solid #CEA500; } #form-login-senha { margin-bottom: .3em; } #form-login-salvar-senha { display: inline; margin: 0 0 5px 0; padding: 0; } #form-login label.salvar-senha { display: inline; margin: 0; padding: 0; } #form-login-enviar { display: block; width: 150px; height: 22px; margin-top: .5em; margin-bottom: .2em; } #form-login h5 { margin-top: 0px; margin-bottom: 10px; padding-left: 24px; background:url(../_imagens/estrela.png) left top no-repeat;} #form-login-email, #form-login-senha { color: #999; } #form-login label a { color: #346083;} #novo-usuario { color: #CEA500; } #form-login label strong { color: #CEA500;} #form-login h5 { color: #999; } #form-login label { font-size: 90%; letter-spacing: 1px;} #form-login label a { font-size:90%; letter-spacing: 1px; text-decoration: none; } #form-login label a:hover { text-decoration: underline; } #novo-usuario { font-size: 90%; text-decoration: none; } #form-login h5 { font-size: 125%; } /* MENU PRINCIPAL */ #navegacao { margin: 0 0 30px 0; color: #CEA500; background: url(../_imagens/fio_menu.jpg) top no-repeat; padding-top:1px; } /*nivel 1 */ ul.n1 { background-color:#EFEFEF; } /* mudar cor do bg n1 do menu */ ul.n1 li { font-weight:bold; } ul.n1 li a { text-decoration:none; color: #CEA500; display:block; } /* mudar cor da fonte do menu */ ul.n1 li a span { display:block; padding: 5px 5px 5px 3px; background:url(../_imagens/fio_menu.jpg) bottom no-repeat;} ul.n1 li span { display:block; padding: 5px 5px 5px 3px; background:url(../_imagens/fio_menu.jpg) bottom no-repeat; } ul.n1 li a:hover { background-color: #FFF4CA; } /* mudar cor do estado do menu */ /* nivel 2 */ ul.n2 { background-color:#FFF; } ul.n2 li { font-weight: normal; } ul.n2 li a { display:block; text-decoration:none; color: #CEA500; } /* mudar cor da fonte do menu */ ul.n2 li a span { display:block; padding: 5px 5px 5px 12px; } ul.n2 li a:hover { background-color: #FFF4CA; } /* mudar cor do estado do menu */ /* COLUNA CENTRO */ ul.migalhas-de-pao { margin: 0 0 20px 0; padding: 0; list-style: none; } ul.migalhas-de-pao li { padding: 0 10px 0 8px; display: inline; } ul.migalhas-de-pao li { font-size: 90%;} ul.migalhas-de-pao li a:link, ul.migalhas-de-pao li a:visited { text-decoration: none;} ul.migalhas-de-pao li a:hover, ul.migalhas-de-pao li a:active { text-decoration: underline; } ul.migalhas-de-pao li { background: url(../_imagens/seta_migalhas-de-pao1.gif) no-repeat; } ul.migalhas-de-pao li a { color: #346083; } /* APRESENTACAO */ h4.titulo-secao {color: #CEA500; background:url(../_imagens/03_csegsf/fio-h3.jpg) bottom left no-repeat; line-height:180%; margin-bottom: 15px; text-transform:uppercase; } /* mudar imagem e cor da fonte */ h4.titulo-secao-n2 { color: #CEA500; background:url(../_imagens/03_csegsf/fio-h3.jpg) bottom left no-repeat; line-height:180%; margin-bottom: 15px; } /* mudar imagem e cor da fonte */ #apresentacao { font-size: 120%; line-height: 140%; } #apresentacao p { padding-bottom: 30px; /*background:url(../_imagens/fio-h3.jpg) bottom left no-repeat;*/ } /* mudar cor da imagem */ /* DESTAQUES */ .destaques { /*background:url(../_imagens/03_csegsf/fio-h3.jpg) bottom left no-repeat;*/ padding-bottom: 20px; } .um-destaque { margin-bottom: 20px; } .destaques img, .um-deataque img { float: left; margin: 0 8px 8px 0; } .um-destaque p { line-height: 1.4em; } .um-destaque p img { float: left; margin: 0 8px 8px 0; } .um-destaque p.titulo { font-weight: bold; padding-bottom: 10px;} /* mudar cor da fonte */ .um-destaque p a { color: #CEA500; } .um-destaque a.voltar { color: #CEA500; text-decoration:none; padding-left: 15px; background:url(../_imagens/09_claves/voltar.jpg) left no-repeat; font-weight:bold; margin-top: 20px; display:block; } .um-destaque p a:hover { text-decoration:none; } .um-destaque p.titulo span { padding-left: 10px; color: #CEA500; font-weight: bold; font-style: italic; font-size: 90%; } /* mudar cor da fonte */ /* SESSOES */ #sessoes { margin-top: 30px; background:url(../_imagens/logo_sessoes.jpg) top left no-repeat; } p.btn-sessoes { font-weight: bold; font-size: 90%; background:url(../_imagens/03_csegsf/seta_link_externo.jpg) no-repeat right; text-align: right; } /* mudar cor da imagem */ p.btn-sessoes a { color: #CEA500; text-decoration: none; display:block; padding: 0 17px 0 0;} /* mudar cor da fonte */ /* lista */ ul.lista li { margin: 0 0 8px 0; background: url(../_imagens/03_csegsf/seta-lista.gif) no-repeat; padding: 0 0 0 10px; } ul.lista li a { text-decoration: none; color: #666 !important; } ul.lista li a:hover { text-decoration: underline; } ul.lista li a span { font-weight: bold; color: #CEA500; } ul.sessoes { margin-left: 140px; } ul.sessoes li.sem-seta, ul.lista li.sem-seta{ background:none; padding: 0 0 0 0; } ul.box li { margin: 8px 0 0 0; } /* lista projetos */ #conteudo-pg-internas h3.projetos { color: #631B16; padding: 15px 0 0 0 !important;} ul.lista-projetos { margin-bottom: 15px; } ul.lista-projetos li { list-style: none; margin: 7px 0; text-transform: capitalize; } ul.sub-lista-projetos { margin: 0 0 20px 10px; } ul.sub-lista-projetos li { padding: 0 0 0 10px; text-transform: capitalize; font-size: 85%; background: url(../_imagens/09_claves/seta-lista.gif) no-repeat;} ul.lista-projetos li a, ul.sub-lista-projetos li a { text-decoration: none !important; } ul.lista-projetos li a:hover, ul.sub-lista-projetos li a:hover { text-decoration: underline !important; } /* linha de pesquisa */ #conteudo-pg-internas .depto-projetos {margin: 0 0 15px 0; border-bottom: 1px solid #ccc; } #conteudo-pg-internas .depto-projetos ul.lista-projetos { margin-top: 0; margin-bottom: 15px; } #conteudo-pg-internas .depto-projetos ul.lista-projetos li { padding: 0 0 0 10px; font-size: 85%; list-style: none; margin: 7px 0; text-transform: capitalize; background: url(../_imagens/09_claves/seta-lista.gif) no-repeat;} #conteudo-pg-internas .depto-projetos ul.lista-projetos li a{ text-decoration: none !important; } #conteudo-pg-internas .depto-projetos ul.lista-projetos li a:hover { text-decoration: underline !important; } /* perfil */ #conteudo-pg-internas #perfil {margin: 0 0 15px 0; } #conteudo-pg-internas #perfil ul.lista-projetos { margin-top: 0; margin-bottom: 15px; } #conteudo-pg-internas #perfil ul.lista-projetos li { padding: 0 0 0 10px; font-size: 85%; list-style: none; margin: 7px 0; text-transform: capitalize; background: url(../_imagens/09_claves/seta-lista.gif) no-repeat;} #conteudo-pg-internas #perfil ul.lista-projetos li a{ text-decoration: none !important; } #conteudo-pg-internas #perfil ul.lista-projetos li a:hover { text-decoration: underline !important; } /* noticias sessoes */ #noticias-sessoes { /*background:url(../_imagens/03_csegsf/fio-h3.jpg) top left no-repeat;*/ padding-top: 30px; margin-top: 20px; } /* mudar cor da imagem */ /* COLUNA DIREITA */ h4.bxah {color: #CEA500; background:url(../_imagens/03_csegsf/fio_box.jpg) bottom center no-repeat; line-height:180%; text-align:center;} /* mudar imagem e cor da fonte */ /* box a */ .bxa { background: url(../_imagens/03_csegsf/fio_base_box.jpg) left bottom repeat-x; } /* mudar cor da imagem */ .bxal { background: url(../_imagens/03_csegsf/box_canto_esquerdo.jpg) left bottom no-repeat; } /* mudar cor da imagem */ .bxar { background: url(../_imagens/03_csegsf/box_canto_direito.jpg) right bottom no-repeat; padding-bottom: 14px; } /* mudar cor da imagem */ .bxah { border: 2px solid #FFE16C; border-bottom: none; margin:0; padding: 10px; } /* mudar cor da borda */ .bxab { border-left: 2px solid #FFE16C; border-right: 2px solid #FFE16C; padding: 0 10px; } /* mudar cor da borda */ .bxab * { margin:0; padding: 0; } .corpo { padding: 15px 10px 0px 10px; } #box { padding-top: 30px; } .btn-box {font-weight: bold; font-size: 90%; background:url(../_imagens/03_csegsf/seta_link_externo.jpg) no-repeat right; text-align: right; color: #CEA500 !important; text-decoration: none; display:block; padding: 0 17px 0 0; margin-top: 15px;} /* mudar cor da fonte */ /* Banner */ div.banner { padding-top: 30px;} div.banner div { height:100px; background-color:#999933;} /* RODAPE */ #rodape { padding: 20px 0;} #rodape p { color: #FFF; text-align:center; line-height: 1.5em; font-size: .9em; } #rodape p span { text-transform:uppercase; } #rodape a { color: #FFF;} #rodape a:hover { text-decoration: none;} /* alexandre - 2 de dezembro area sagrada, por favor não mexa!!!!!! */ div.cl{float:left} div.cls{display:inline-block} div.cls:after{content:".";display:block;height:0;clear:both;visibility:hidden} * html div.cls{height:1%} div.cls{display:block} #cl1 { width: 16%; /* background: fuchsia*/ } #cl2 { width: 64%; /*background: orange*/} #cl3 { width: 20%; /*background: aqua*/} #testeira-data { position: relative; } .ci { padding: 0 20px 10px 20px; } #barras, #testeira-data, #coluna, #rodape { min-width: 1000px; width: expression((documentElement.clientWidth < 1000) ? "1000px" : "auto"); } /* REGRAS PARA AS PAGINAS INTERNAS */ #conteudo-pg-internas { position: relative; } #conteudo-pg-internas p { margin-bottom: 8px;} #conteudo-pg-internas { line-height: 140%; } #conteudo-pg-internas p span {color: #CEA500; padding-right: 10px; font-weight: bold; } #conteudo-pg-internas a { color: #666666; text-decoration:underline; } #conteudo-pg-internas a:hover { text-decoration:none; } #conteudo-pg-internas p.lista-participantes { margin-top: 30px; } #conteudo-pg-internas #perfil { margin-right: 200px; } #conteudo-pg-internas img.estatico { position: absolute; top: 40px; left: 0; } #conteudo-pg-internas img { position: inherit; display: block; margin: 20px auto; } #conteudo-pg-internas #perfil { padding-left: 150px; } #conteudo-pg-internas .perfil { position: absolute; top: 210px; font-size: 90%; color: #CEA500; }/* mudar imagem e cor do link saiba mais */ #conteudo-pg-internas h3 { font-size: 90%; padding: 5px 0 5px 0 } /* mudar cor da fonte */ #conteudo-pg-internas h3 a { color: #CEA500; text-decoration:none; } /* mudar cor da fonte */ #conteudo-pg-internas h3 a:hover { text-decoration:underline; } /* mudar cor da fonte */ /* REGRAS PARA AS SESSOES CIENTIFICAS E NOTICIAS */ #noticias { line-height: 140%; } /* #noticias h4.titulo-noticia { color: #CEA500; font-size: 100%; padding: 10px 0 10px 0 } mudar cor da fonte */ #informe-api-materias-container p.informe-api-materia-titulo a { font-weight: bold; text-decoration: none; color: #CEA500; font-size: 100%; padding: 10px 0 10px 0 } #noticias a { color: #CEA500; text-decoration:underline;} /* mudar cor da fonte */ #noticias a:hover { color: #CEA500; text-decoration:none;} /* mudar cor da fonte */ #noticias a.voltar { color: #CEA500; text-decoration:none; padding-left: 15px; background:url(../_imagens/03_csegsf/voltar.jpg) left no-repeat; font-weight:bold; margin-top: 20px; display:block;} /* mudar cor da fonte */ #noticias p { margin-bottom: 8px;} #noticias p span {color: #CEA500; padding-right: 10px; font-weight: bold; }/* mudar cor da fonte */ #noticias a.link { color: #666666; text-decoration:underline; } #noticias a:hover.link { text-decoration:none; } #noticias img { float: left; margin: 0 8px 8px 0; } /* CALENDARIO */ #conteudo-pg-internas table.calendario caption strong{ color: #CEA500; } #conteudo-pg-internas table.calendario tr td.agendamento span { color: #CEA500; } #conteudo-pg-internas table.calendario tr th.atual { color: #CEA500; } #conteudo-pg-internas a.voltar { color: #CEA500; text-decoration:none; padding-left: 15px; background:url(../_imagens/03_csegsf/voltar.jpg) left no-repeat; font-weight:bold; margin-top: 20px; display:block;} /* mudar cor da fonte */ #conteudo-pg-internas p.fim { border-bottom: 1px solid #E0E0E0; padding-bottom: 10px; } /* mudar cor da fonte */ /* RESULTADO BUSCA */ #conteudo-pg-internas p span.exibe {padding-right: 0 !important; } #conteudo-pg-internas h4.titulo-noticia{ padding: 10px 0 5px 0 } /* mudar cor da fonte */ #conteudo-pg-internas h4.titulo-noticia a{ color: #CEA500; font-size: 100%;} /* mudar cor da fonte */ #conteudo-pg-internas p.mostra-dados span { padding-left: 7px; } #conteudo-pg-internas p.mostra-dados {border-bottom: 1px solid #DBDBDB; padding-bottom: 20px;} /* FALE CONOSCO */ #conteudo-pg-internas #faleconosco label { display: block; } #conteudo-pg-internas #faleconosco fieldset { border: 1px solid #E1E1E1; padding: 10px; width:97%; } #conteudo-pg-internas #faleconosco legend { display: block; margin-bottom: 0px; font-weight:bold; padding: 0 5px; color:#CEA500 } #conteudo-pg-internas #faleconosco textarea{ width: 70%; margin-bottom: 15px; height: 200px; color: #999999; border: 1px solid #CEA500; padding: 3px;} #conteudo-pg-internas #faleconosco input { width: 70%; margin-bottom: 15px; color: #999999; padding: 2px 1px; border: 1px solid #CEA500;} #conteudo-pg-internas #faleconosco #captcha { position: relative; margin-bottom: 15px; } #conteudo-pg-internas #faleconosco input#captcha { width: 150px; } #conteudo-pg-internas #faleconosco #captcha img { position: absolute; top: 18px; left: 160px;} #conteudo-pg-internas #faleconosco input.btn {border: none; width: auto; height:auto; margin-bottom: 0;} #conteudo-pg-internas #faleconosco #resulatadoErro p { color:red; margin: 15px 0;} /* BANNER */ .banner-ext { margin: 0 0 30px 0; padding: 0; } #banner {text-align:center; padding: 0; } /* link leia mais */ div.informe-api-materia { margin-bottom: 15px; } p.informe-api-materia-link { padding: 10px 0; position: relative; padding-top: 15px !important; padding-bottom: 15px !important; border-bottom: 1px solid #F9E491 !important; } p.informe-api-materia-link a { padding: 2px 5px; background-color: #F9E491; text-decoration: none !important; font-weight: bold; font-size: .9em; letter-spacing: .1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; bottom: 2px; right: 0; } p.informe-api-materia-link a span { padding-right: 0 !important; color:#F27C18 !important; }