@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 ----- */ #sic header h1, #sic header h1 a:link, #sic header h1 a:visited, #sic header h1 a:hover { color:#888; } /* ----- CAMINHO / BREADCRUMB ----- */ #sic header nav a:link, #sic header nav a:visited { color:#AAA; } #sic header nav a:hover { color:#555; } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #sic header #puc_menu_vazio { background:#E5E5E5; } /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #sic header #puc_menu_faixa { background:#FAEA00; } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #sic header #menu span { background:#CCC; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #sic header #menu { margin:1px 10px 0 10px; } #sic header #menu span { top:0; margin-top:-1px; } #sic header #menu a:link, #sic header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #sic header #menu a:link, #sic header #menu a:visited, #sic header #menu .puc_menu_submenu_linkmestre { color:#666; } /* mouse over */ #sic header #menu a:hover, #sic header #menu .puc_menu_submenu_linkmestre:hover, #sic header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#444; background:#E7CF04; border-color:#CCC; } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #sic header #menu a:link, #sic header #menu a:visited, #sic header #menu .puc_menu_submenu_linkmestre { color:#666; background:#EEE; border-color:#CCC; } /* mouse over */ #sic header #menu a:hover, #sic header #menu .puc_menu_submenu_linkmestre:hover, #sic header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#FFF; background:#999; border-color:#CCC; } /* fecha @media (max-width:1139px) */ } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #sic header button { color:#FFF; background:#E7CF04; background-image:url(http://www.puc-rio.br/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat; } /* ----- SUBMENU DESKTOP ----- */ @media (min-width:1140px) { #sic header #menu .puc_menu_submenu_links a:link, #sic header #menu .puc_menu_submenu_links a:visited { background:#EEEEEE; color:#666; } #sic header #menu .puc_menu_submenu_links a:hover { color:#444; background:#F1E200; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #sic header #menu .puc_menu_submenu_links a:link, #sic header #menu .puc_menu_submenu_links a:visited { border-bottom:1px solid #467288; background:#5B7D96; color:#97D3FF; } #sic header #menu .puc_menu_submenu_links a:hover { background:#7391A7; color:#0092FF; } /* fecha @media (max-width:1139px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #sic section { border-bottom-color:#DDDDDD; } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #sic h1 { color:#888; } #sic h2, #sic h2 a:link, #sic h2 a:visited, #sic h2 a:hover { color:#777; } #sic h3 { color:#999; } #sic h4 { color:#999; } #sic h5 { color:#888; } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #sic section .puc_texto_destaque_em_quadro_centro, #sic section .puc_texto_destaque_em_quadro_esquerda, #sic section .puc_texto_destaque_em_quadro_direita { background:#E5E5E5; color:#444; } /* ----- LINKS (GERAL) ----- */ #sic a:link, #sic a:visited { color:#555; text-decoration:none; } #sic article a:link, #sic article a:visited, #sic aside a:link, #sic aside a:visited { text-decoration:none; } #sic a:hover { color:#C1A800; } /* ----- LINK VOLTAR ----- */ #sic section article button.puc_link_voltar_TAG-BUTTON { color:#666; background:#E5E5E5; } #sic section article button.puc_link_voltar_TAG-BUTTON:hover { color:#FFF; background:#666; } /* ----- LINK DESTAQUE ----- */ #sic section article a.puc_link_destaque_TAG-A:link, #sic section article a.puc_link_destaque_TAG-A:visited, #sic section article a.puc_link_destaque_centralizado_TAG-A:link, #sic section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#D5D5D5; color:#444; text-decoration:none; } #sic section article a.puc_link_destaque_TAG-A:hover, #sic section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#666; color:#FFF; } /* ----- LINK DE PAGINAÇÃO ----- */ #sic section article .puc_link_paginacao_anterior_TAG-A:link, #sic section article .puc_link_paginacao_anterior_TAG-A:visited, #sic section article .puc_link_paginacao_proximo_TAG-A:link, #sic section article .puc_link_paginacao_proximo_TAG-A:visited { color:#888; text-decoration:none; } #sic section article .puc_link_paginacao_anterior_TAG-A:hover, #sic section article .puc_link_paginacao_proximo_TAG-A:hover { color:#666; } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #sic section article .puc_imagem_galeria a:link, #sic section article .puc_imagem_galeria a:visited { background:#DDDDDD; text-decoration:none; } #sic section article .puc_imagem_galeria a:hover { background:#EEEEEE; } /* legenda dos thumbnails */ #sic section article .puc_imagem_galeria a:link .puc_texto_menor, #sic section article .puc_imagem_galeria a:visited .puc_texto_menor, #sic section article .puc_imagem_galeria a figure { color:#666666; } #sic section article .puc_imagem_galeria a:hover .puc_texto_menor, #sic section article .puc_imagem_galeria a:hover figure { color:#666666; } /* ----- TABELA ----- */ /* bordas da tabela */ #sic section article .puc_tabela_padrao_TAG-TABLE, #sic section article .puc_tabela_padrao_TAG-TABLE td { border-color:#CCC; } /* linhas para tabela */ #sic section article .puc_tabela_linha_n1_TAG-TR { background:#666; color:#FFF; } #sic section article .puc_tabela_linha_n2_TAG-TR { background:#888; color:#FFF; } #sic section article .puc_tabela_linha_n3_TAG-TR { background:#AAA; color:#FFF; } #sic section article .puc_tabela_linha_clara_TAG-TR { background:#F5F5F5; } #sic section article .puc_tabela_linha_escura_TAG-TR { background:#E5E5E5; } #sic section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#F5F5F5; } #sic section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#E5E5E5; } /* ----- LINHA HORIZONTAL ----- */ #sic hr { color:#CCC; } /* ----- LISTAS ----- */ /* bullet */ #sic ul li::before { color:#BBB; } /* lista destaque */ #sic section .puc_lista_especial_TAG-UL li::before, #sic section .puc_lista_especial_item_unico_TAG-LI::before { color:#444; } #sic section .puc_lista_especial_TAG-UL li, #sic section .puc_lista_especial_item_unico_TAG-LI { color:#444; } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #sic article form { background:#EEE; } /* campos de preenchimento */ #sic article form input[type=text], #sic article form input[type=password], #sic article form input[type=file], #sic article form textarea, #sic article form select { background:#FFF; border-color:#CCC; } /* botão "enviar" */ #sic article form input[type=submit] { background:#888; color:#FFF; } #sic article form input[type=submit]:hover { background:#666; color:#FFF; } /* ----- PLAYER DE ÁUDIO ----- */ #sic section div.puc_player_audio_TAG-DIV { background:#CCC; } #sic section div.puc_player_audio_TAG-DIV:hover { background:#AAA; } /* ----- LINKS REDES SOCIAIS ----- */ #sic div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #sic section aside .puc_texto_coluna-lateral_titulo { color:#999; font-weight:400; } /* ----- BANNER DE TEXTO ----- */ #sic section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#EEE; } /* ----- BANNER DE LINK ----- */ #sic section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #sic section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#444; background:#DDD; text-decoration:none; } #sic 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" */ .index #sic_link_index:link, .index #sic_link_index:visited, .index #sic_link_index:hover { display:none; visibility:hidden; width:0; height:0; margin:0; padding:0; overflow:hidden; } #sic_intro_ilustrativa { position:relative; overflow:hidden; max-width:1100px; width:calc(100vw - 37px); max-height:485px; height:40vw; background:#111111; } #sic_intro_img1, #sic_intro_img2 { position:absolute; } #sic_intro_img1 { z-index:1; max-width:none; outline:4px dashed #0D2DE5; opacity:0; animation-name:animg1; animation-duration:150s; animation-delay:18s; animation-timing-function:linear; animation-iteration-count:infinite; } #sic_intro_img2 { z-index:2; width:100%; transform-origin:center; transform:scale(3); opacity:0; animation-name:animg2; animation-duration:20s; animation-timing-function:ease-out; } @keyframes animg2 { 0% { transform:scale(5); opacity:0; } 15% { opacity:1; } 85% { transform:scale(1); opacity:1; } 95% { transform:scale(1); opacity:1; } 100% { transform:scale(3); opacity:0; } } @keyframes animg1 { 0% { top:-1965px; left:0; opacity:1; } 100% { top:0; left:-4453px; opacity:1; } } #sic_links_realizacao-apoio { text-align:left; margin-top:35px; font-weight:bold; display:flex; align-items:flex-end; justify-content:center; } #sic_links_realizacao-apoio a:link, #sic_links_realizacao-apoio a:visited, #sic_links_realizacao-apoio a:hover { display:inline-block; color:#555555; } #sic_links_realizacao-apoio .link1 { width:96px; flex-shrink:0; } #sic_links_realizacao-apoio .link2 { width:234px; margin-right:30px; } #sic_links_realizacao-apoio .link3 { width:254px; } #sic_links_realizacao-apoio_inner1 { margin:0 0 0 40px; } #sic_links_realizacao-apoio_inner2 { margin-top:10px; } @media (max-width:720px) { #sic_links_realizacao-apoio { display:block; text-align:center; } #sic_links_realizacao-apoio_inner1 { margin:30px 0 0 0; } #sic_links_realizacao-apoio_inner2 { margin-top:0; } #sic_links_realizacao-apoio .link2, #sic_links_realizacao-apoio .link3 { margin-top:10px; } } #sic_link_relatorio p { margin:25px 0 25px 0; } #sic_link_relatorio a:link, #sic_link_relatorio a:visited { display:block; padding:2px 4px 3px 9px; transition:color 0.3s, border-left 0.3s, background 0.3s; border-left:1px solid #CCC; } #sic_link_relatorio a:hover { border-left:5px solid #AAA; background:#F5F5F5; color:#AE9700; } #sic_link_relatorio strong { font:1.4em 'Roboto Condensed'; color:#C1A800; line-height:1.6em; } #sic_link_relatorio a:hover strong { color:#AE9700; } .ttl_indice_relat-resum { background:#EEEEEE; padding:6px 6px 4px 6px; margin:30px 0 0 0; } ._verificar { color:#0000FF; font-weight:bold; }