@charset "utf-8"; /* CSS Document */ /* ======================================================================================= FONTES === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* FONTES PUC 'Roboto' Opções de font-weight: 100 / 300 / 400 / 500 / 700 / 900 'Roboto Condensed' Opções de font-weight: 300 / 400 / 700 */ /* ========================================================================== 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 ----- */ #noticias header h1, #noticias header h1 a:link, #noticias header h1 a:visited, #noticias header h1 a:hover, #noticias header h1 a:focus { /* color:#888; */ } /* ----- CAMINHO / BREADCRUMB ----- */ #noticias header nav a:link, #noticias header nav a:visited { color:#AAA; } #noticias header nav a:hover { color:#555; } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #noticias header #puc_menu_vazio { background:#E5E5E5; } /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #noticias header #puc_menu_faixa { background:#EEE; } /* fecha @media (min-width:1140px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #noticias section { border-bottom-color:#DDDDDD; } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #noticias h1 { /* color:#888; */ } #noticias h2 { /* color:#777; */ } #noticias h3 { /* color:#888; */ } #noticias h4 { /* color:#999; */ } #noticias h5 { /* color:#888; */ } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #noticias section .puc_texto_destaque_em_quadro_centro, #noticias section .puc_texto_destaque_em_quadro_esquerda, #noticias section .puc_texto_destaque_em_quadro_direita { background:#E5E5E5; color:#444; } /* ----- LINKS (GERAL) ----- */ #noticias a:link, #noticias a:visited { color:#555; } #noticias article a:link, #noticias article a:visited, #noticias aside a:link, #noticias aside a:visited { text-decoration:underline; } #noticias a:hover { color:#999; } /* ----- LINK VOLTAR ----- */ #noticias section article button.puc_link_voltar_TAG-BUTTON { color:#666; background:#E5E5E5; } #noticias section article button.puc_link_voltar_TAG-BUTTON:hover { color:#FFF; background:#666; } /* ----- LINK DESTAQUE ----- */ #noticias section article a.puc_link_destaque_TAG-A:link, #noticias section article a.puc_link_destaque_TAG-A:visited, #noticias section article a.puc_link_destaque_centralizado_TAG-A:link, #noticias section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#D5D5D5; color:#444; text-decoration:none; } #noticias section article a.puc_link_destaque_TAG-A:hover, #noticias section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#666; color:#FFF; } /* ----- LINK DE PAGINAÇÃO ----- */ #noticias section article .puc_link_paginacao_anterior_TAG-A:link, #noticias section article .puc_link_paginacao_anterior_TAG-A:visited, #noticias section article .puc_link_paginacao_proximo_TAG-A:link, #noticias section article .puc_link_paginacao_proximo_TAG-A:visited { color:#888; text-decoration:none; } #noticias section article .puc_link_paginacao_anterior_TAG-A:hover, #noticias section article .puc_link_paginacao_proximo_TAG-A:hover { color:#666; } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #noticias section article .puc_imagem_galeria a:link, #noticias section article .puc_imagem_galeria a:visited { background:#DDDDDD; text-decoration:none; } #noticias section article .puc_imagem_galeria a:hover { background:#EEEEEE; } /* legenda dos thumbnails */ #noticias section article .puc_imagem_galeria a:link .puc_texto_menor, #noticias section article .puc_imagem_galeria a:visited .puc_texto_menor, #noticias section article .puc_imagem_galeria a figure { color:#666666; } #noticias section article .puc_imagem_galeria a:hover .puc_texto_menor, #noticias section article .puc_imagem_galeria a:hover figure { color:#666666; } /* ----- TABELA ----- */ /* bordas da tabela */ #noticias section article .puc_tabela_padrao_TAG-TABLE, #noticias section article .puc_tabela_padrao_TAG-TABLE td, #noticias section article .puc_tabela_padrao_TAG-TABLE th { border-color:#CCC; } /* linhas para tabela */ #noticias section article .puc_tabela_linha_n1_TAG-TR { background:#666; color:#FFF; } #noticias section article .puc_tabela_linha_n2_TAG-TR { background:#888; color:#FFF; } #noticias section article .puc_tabela_linha_n3_TAG-TR { background:#AAA; color:#FFF; } #noticias section article .puc_tabela_linha_clara_TAG-TR { background:#F5F5F5; } #noticias section article .puc_tabela_linha_escura_TAG-TR { background:#E5E5E5; } #noticias section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#F5F5F5; } #noticias section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#E5E5E5; } /* ----- LINHA HORIZONTAL ----- */ #noticias hr { color:#CCC; } /* ----- LISTAS ----- */ /* bullet */ #noticias ul li::before { color:#BBB; } /* lista destaque */ #noticias section .puc_lista_especial_TAG-UL li::before, #noticias section .puc_lista_especial_item_unico_TAG-LI::before { color:#444; } #noticias section .puc_lista_especial_TAG-UL li, #noticias section .puc_lista_especial_item_unico_TAG-LI { color:#444; } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #noticias article form { background:#EEE; } /* campos de preenchimento */ #noticias article form input[type=text], #noticias article form input[type=password], #noticias article form input[type=file], #noticias article form textarea, #noticias article form select { background:#FFF; border-color:#CCC; } /* botão "enviar" */ #noticias article form input[type=submit] { background:#888; color:#FFF; } #noticias article form input[type=submit]:hover { background:#666; color:#FFF; } /* ----- PLAYER DE ÁUDIO ----- */ #noticias section div.puc_player_audio_TAG-DIV { background:#CCC; } #noticias section div.puc_player_audio_TAG-DIV:hover { background:#AAA; } /* ----- LINKS REDES SOCIAIS ----- */ #noticias div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #noticias section aside .puc_texto_coluna-lateral_titulo { color:#999; font-weight:400; } /* ----- BANNER DE TEXTO ----- */ #noticias section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#EEE; } /* ----- BANNER DE LINK ----- */ #noticias section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #noticias section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#444; background:#DDD; text-decoration:none; } #noticias 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" */ #noticias_indice p { margin:0 0 30px 0; } #noticias #noticias_indice a:link, #noticias #noticias_indice a:visited { font-size:1.2em; display:block; background:#EEE; padding:10px; border-radius:6px; box-shadow:1px 1px 4px rgba(0,0,0,0.3); text-decoration:none; transition:background 0.3s, color 0.3s; } #noticias #noticias_indice a:hover { background:#DDD; color:#666; text-decoration:none; } #noticias_indice p:first-child { margin-top:20px; } #noticias article h2 { margin-bottom:13px; } #noticias article h2 + h3 { margin-top:0; } /* ----- Instruções ----- */ #noticias_instrucoes { background:#AA0000; color:#FFF; margin:50px 0 20px 0; } #noticias_titulo_principal_label { background:#F0C0AA; } #noticias_instrucoes, #noticias_titulo_principal_label { padding:10px; /* animation-name:notsumir; animation-duration:0.1s; animation-iteration-count:infinite; */ opacity:0; visibility:hidden; display:none; height:0; position:fixed; } /* @keyframes notsumir { 0% { opacity:0; visibility:hidden; display:none; height:0; position:fixed; } 100% { opacity:0; visibility:hidden; display:none; height:0; position:fixed; } } */ .foto_materia { margin:40px auto 35px auto; max-width:100%; width:850px; } .foto_materia .puc_texto_menor { display:block; margin-top:5px; text-align:center; } .texto_materia { font-size: 1.1em; line-height:1.6em; font-weight: 400; color:#000000; margin-top: 35px; font-family: Literata, serif; } img{border-radius: 3px;}