@charset "utf-8"; /* CSS Document */ /* ======================================================================================= FONTES === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* FONTES PUC 'Rethink Sans' Opções de font-weight: 400 a 800 'Literata' Opções de font-weight: 200 a 900 */ /* ========================================================================== ESTILOS PUC > CORES === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ESQUEMA DE CORES ESPECÍFICOS PARA CADA SITE ATENÇÃO: Elementos em cinza não se apresentam neste css por serem neutros a qualquer site, mas estes podem ser anulados por estilos que começam com o nome do id específico para o site em questão, que será colocado na tag das páginas. */ /* ================================================================= TOPO === */ /* ========================================================================== */ /* ----- TÍTULO DA PÁGINA ----- */ #agendaambiental header h1 { /* color:#888; */ } /* ----- CAMINHO / BREADCRUMB ----- */ #agendaambiental header nav a:link, #agendaambiental header nav a:visited { /* color:#AAA; */ } #agendaambiental header nav a:hover { /* color:#555; */ } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #agendaambiental header #puc_menu_vazio { /* background:rgba(0,0,0,0.1); */ width:100%; max-width:100%; } /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #agendaambiental header #puc_menu_faixa { /* background:rgba(0,0,0,0.04); */ } /* fecha @media (min-width:1140px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #agendaambiental section { /* border-bottom-color:#DDDDDD; */ } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #agendaambiental h1 { /* color:#888; */ } #agendaambiental h2 { /* color:#777; */ } #agendaambiental h3 { /* color:#888; */ } #agendaambiental h4 { /* color:#999; */ } #agendaambiental h5 { /* color:#888; */ } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #agendaambiental section .puc_texto_destaque_em_quadro_centro, #agendaambiental section .puc_texto_destaque_em_quadro_esquerda, #agendaambiental section .puc_texto_destaque_em_quadro_direita { background:#E5E5E5; color:#444; } /* ----- LINKS (GERAL) ----- */ #agendaambiental a:link, #agendaambiental a:visited { /* color:#555; */ } #agendaambiental a:hover { /* color:#999; */ } /* ----- LINK VOLTAR ----- */ #agendaambiental section article button.puc_link_voltar_TAG-BUTTON { /* color:#555; background:rgba(0,0,0,0.15); */ } #agendaambiental section article button.puc_link_voltar_TAG-BUTTON:hover { /* color:#FFF; background:#555; */ } /* ----- LINK DESTAQUE ----- */ #agendaambiental section article a.puc_link_destaque_TAG-A:link, #agendaambiental section article a.puc_link_destaque_TAG-A:visited, #agendaambiental section article a.puc_link_destaque_centralizado_TAG-A:link, #agendaambiental section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#D5D5D5; color:#444; text-decoration:none; } #agendaambiental section article a.puc_link_destaque_TAG-A:hover, #agendaambiental section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#666; color:#FFF; } /* ----- LINK DE PAGINAÇÃO ----- */ #agendaambiental section article .puc_link_paginacao_anterior_TAG-A:link, #agendaambiental section article .puc_link_paginacao_anterior_TAG-A:visited, #agendaambiental section article .puc_link_paginacao_proximo_TAG-A:link, #agendaambiental section article .puc_link_paginacao_proximo_TAG-A:visited { color:#888; text-decoration:none; } #agendaambiental section article .puc_link_paginacao_anterior_TAG-A:hover, #agendaambiental section article .puc_link_paginacao_proximo_TAG-A:hover { color:#666; } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #agendaambiental section article .puc_imagem_galeria a:link, #agendaambiental section article .puc_imagem_galeria a:visited { background:#DDDDDD; text-decoration:none; } #agendaambiental section article .puc_imagem_galeria a:hover { background:#EEEEEE; } /* legenda dos thumbnails */ #agendaambiental section article .puc_imagem_galeria a:link .puc_texto_menor, #agendaambiental section article .puc_imagem_galeria a:visited .puc_texto_menor, #agendaambiental section article .puc_imagem_galeria a figure { color:#666666; } #agendaambiental section article .puc_imagem_galeria a:hover .puc_texto_menor, #agendaambiental section article .puc_imagem_galeria a:hover figure { color:#666666; } /* ----- TABELA ----- */ /* bordas da tabela */ #agendaambiental section article .puc_tabela_padrao_TAG-TABLE, #agendaambiental section article .puc_tabela_padrao_TAG-TABLE td { border-color:#CCC; } /* linhas para tabela */ #agendaambiental section article .puc_tabela_linha_n1_TAG-TR { background:#666; color:#FFF; } #agendaambiental section article .puc_tabela_linha_n2_TAG-TR { background:#888; color:#FFF; } #agendaambiental section article .puc_tabela_linha_n3_TAG-TR { background:#AAA; color:#FFF; } #agendaambiental section article .puc_tabela_linha_clara_TAG-TR { background:#F5F5F5; } #agendaambiental section article .puc_tabela_linha_escura_TAG-TR { background:#E5E5E5; } #agendaambiental section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#F5F5F5; } #agendaambiental section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#E5E5E5; } /* ----- LINHA HORIZONTAL ----- */ #agendaambiental hr { color:#CCC; } /* ----- LISTAS ----- */ /* bullet */ #agendaambiental ul li::before { color:#BBB; } /* lista destaque */ #agendaambiental section .puc_lista_especial_TAG-UL li::before, #agendaambiental section .puc_lista_especial_item_unico_TAG-LI::before { color:#444; } #agendaambiental section .puc_lista_especial_TAG-UL li, #agendaambiental section .puc_lista_especial_item_unico_TAG-LI { color:#444; } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #agendaambiental article form { background:#EEE; } /* campos de preenchimento */ #agendaambiental article form input[type=text], #agendaambiental article form input[type=password], #agendaambiental article form input[type=file], #agendaambiental article form textarea, #agendaambiental article form select { background:#FFF; border-color:#CCC; } /* botão "enviar" */ #agendaambiental article form input[type=submit] { background:#888; color:#FFF; } #agendaambiental article form input[type=submit]:hover { background:#666; color:#FFF; } /* ----- PLAYER DE ÁUDIO ----- */ #agendaambiental section div.puc_player_audio_TAG-DIV { background:#CCC; } #agendaambiental section div.puc_player_audio_TAG-DIV:hover { background:#AAA; } /* ----- LINKS REDES SOCIAIS ----- */ #agendaambiental div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #agendaambiental section aside .puc_texto_coluna-lateral_titulo { /* color:#999; */ font-weight:400; } /* ----- BANNER DE TEXTO ----- */ #agendaambiental section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#EEE; } /* ----- BANNER DE LINK ----- */ #agendaambiental section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #agendaambiental section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#444; background:#DDD; text-decoration:none; } #agendaambiental section aside p.puc_texto_coluna-lateral_banner_TAG-P a:hover { background:#CCC; } /* ========================================================================== ESTILOS ESPECÍFICOS === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ----- AQUI ENTRA OS ESTILOS ESPECÍFICOS PARA O DEPTO/UNID ----- Para sobressair qualquer estilo já existente usar o ID do depto/unid (localizado no body) antes do nome da classe/id OU o termo "!important" */ #agendaambiental header { margin-bottom:0; } #agendaambiental article h2 { margin-bottom:13px; } #agendaambiental article h2 + h3 { margin-top:0; } #link_agenda { text-align:center; padding:60px 0 50px 0; margin-top:60px; /*background:url('/agendaambiental/imagens/grafismo1.png'),url('/agendaambiental/imagens/grafismo2.png');*/ background-repeat:no-repeat; background-position:40%,60%; } #link_agenda a:link, #link_agenda a:visited { display:inline-block; background:#007190; color:#FFFFFF; padding:25px; text-decoration:none !important; transition:0.3s all; font-size:1.3em; line-height:1.7em; border-radius:15px; z-index:5; } #link_agenda a:hover { background:#274061; color:#FFFFFF; } #link_agenda strong { font-size:1.3em; } #agendaambiental section { background:url('/agendaambiental/imagens/bkg_floresta4.png'),rgba(0,0,0,0.04); background-position:center; background-size:cover; background-repeat:no-repeat; } @media (max-width:600px) { #link_agenda strong { font-size:1em; } #link_agenda { background-position:0%,100%; } }