@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 ----- */ #sobrepuc header h1, #sobrepuc header h1 a:link, #sobrepuc header h1 a:visited, #sobrepuc header h1 a:hover { /* color:#666666; text-decoration:none; */ } /* ----- CAMINHO / BREADCRUMB ----- */ #sobrepuc header nav a:link, #sobrepuc header nav a:visited { /* color:#AAA; */ } #sobrepuc header nav a:hover { /* color:#555; */ } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #sobrepuc header #puc_menu_vazio { /* background:#E5E5E5; */ } /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #sobrepuc header #puc_menu_faixa { /* background:#E3E8EE */; } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #sobrepuc header #menu span { background:#E3E8EE /* #CDD7E3 */; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #sobrepuc header #menu { margin:1px 10px 0 10px; } #sobrepuc header #menu span { top:0; margin-top:-1px; } #sobrepuc header #menu a:link, #sobrepuc header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #sobrepuc header #menu a:link, #sobrepuc header #menu a:visited { color:#07345B; } /* mouse over */ #sobrepuc header #menu a:hover, #sobrepuc header #menu .puc_menu_link_ativo:link, #sobrepuc header #menu .puc_menu_link_ativo:visited { color:#FFFFFF; background:#043458; border-color:#FFFFFF; } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #sobrepuc header #menu a:link, #sobrepuc header #menu a:visited, #sobrepuc header #menu div { color:#043458; background:#C8D7EA; border-color:#7CA2B5; } /* mouse over */ #sobrepuc header #menu a:hover, #sobrepuc header #menu .puc_menu_link_ativo:link, #sobrepuc header #menu .puc_menu_link_ativo:visited, #sobrepuc header #menu div:hover { color:#FFFFFF; background:#22547A; border-color:#7CA2B5; } /* fecha @media (max-width:1139px) */ } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #sobrepuc header button { color:#FFF; background:#043458; background-image:url(http://www.puc-rio.br/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat; } /* ----- SUBMENU DESKTOP ----- */ @media (min-width:1140px) { #sobrepuc header #menu .puc_menu_submenu_conjunto {} #sobrepuc header #menu .puc_menu_submenu_links, #sobrepuc header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { background:#043458; color:#FFFFFF; } #sobrepuc header #menu .puc_menu_submenu_links a:link, #sobrepuc header #menu .puc_menu_submenu_links a:visited { color:#97D3FF; } #sobrepuc header #menu .puc_menu_submenu_links a:hover { color:#FFFFFF; background:#22547A; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #sobrepuc header #menu ul a:link, #sobrepuc header #menu ul a:visited { border-bottom:1px solid #AFBDCF; background:#E3E8EE; color:#043458; } #sobrepuc header #menu ul a:hover { background:#22547A; color:#FFFFFF; } /* fecha @media (max-width:1139px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #sobrepuc section { /* border-bottom-color:#DDDDDD; */ } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #sobrepuc h1 { /* color:#333333; */ } #sobrepuc h2 { /* color:#848d95; */ } #sobrepuc h3 { /* color:#0089c0; */ } #sobrepuc h4 { /* color:#0B5182; */ } #sobrepuc h5 { /* color:#68a9d7; */ } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #sobrepuc section .puc_texto_destaque_em_quadro_centro, #sobrepuc section .puc_texto_destaque_em_quadro_esquerda, #sobrepuc section .puc_texto_destaque_em_quadro_direita { background:#E3E8EE; color:#303133; } /* ----- LINKS (GERAL) ----- */ #sobrepuc a:link, #sobrepuc a:visited { color:#1A73A0; } #sobrepuc a:hover { color:#6cace1; } /* ----- LINK VOLTAR ----- */ #sobrepuc section article button.puc_link_voltar_TAG-BUTTON { /* color:#FFF; background:#0CB4CE; outline: 2px solid #0CB4CE; outline-offset: -2px; */ } #sobrepuc section article button.puc_link_voltar_TAG-BUTTON:hover { /* color:#0CB4CE; background:#FFF; */ } /* ----- LINK DESTAQUE ----- */ #sobrepuc section article a.puc_link_destaque_TAG-A:link, #sobrepuc section article a.puc_link_destaque_TAG-A:visited, #sobrepuc section article a.puc_link_destaque_centralizado_TAG-A:link, #sobrepuc section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#B4CFE3; color:#043458; } #sobrepuc section article a.puc_link_destaque_TAG-A:hover, #sobrepuc section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#043458; color:#FFFFFF; } /* ----- LINK DE PAGINAÇÃO ----- */ #sobrepuc section article .puc_link_paginacao_anterior_TAG-A:link, #sobrepuc section article .puc_link_paginacao_anterior_TAG-A:visited, #sobrepuc section article .puc_link_paginacao_proximo_TAG-A:link, #sobrepuc section article .puc_link_paginacao_proximo_TAG-A:visited { color:#1A73A0; } #sobrepuc section article .puc_link_paginacao_anterior_TAG-A:hover, #sobrepuc section article .puc_link_paginacao_proximo_TAG-A:hover { color:#6cace1; } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #sobrepuc section article .puc_imagem_galeria a:link, #sobrepuc section article .puc_imagem_galeria a:visited { background:rgba(0,0,0,0.05); } #sobrepuc section article .puc_imagem_galeria a:hover { background:rgba(0,0,0,0.1); } /* legenda dos thumbnails */ #sobrepuc section article .puc_imagem_galeria a:link .puc_texto_menor, #sobrepuc section article .puc_imagem_galeria a:visited .puc_texto_menor, #sobrepuc section article .puc_imagem_galeria a figure { color:#000000; } #sobrepuc section article .puc_imagem_galeria a:hover .puc_texto_menor, #sobrepuc section article .puc_imagem_galeria a:hover figure { color:#000000; } /* ----- TABELA ----- */ /* bordas da tabela */ #sobrepuc section article .puc_tabela_padrao_TAG-TABLE, #sobrepuc section article .puc_tabela_padrao_TAG-TABLE td { /* border-color:#CCC; */ } /* linhas para tabela */ #sobrepuc section article .puc_tabela_linha_n1_TAG-TR { background:#043458; color:#FFFFFF; } #sobrepuc section article .puc_tabela_linha_n2_TAG-TR { background:#9DBDD4; color:#043458; } #sobrepuc section article .puc_tabela_linha_n3_TAG-TR { background:#CDDDE8; color:#043458; } #sobrepuc section article .puc_tabela_linha_clara_TAG-TR { background:#F5F5F5; } #sobrepuc section article .puc_tabela_linha_escura_TAG-TR { background:#E5E5E5; } #sobrepuc section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#F5F5F5; } #sobrepuc section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#E5E5E5; } /* ----- LINHA HORIZONTAL ----- */ #sobrepuc hr { /* color:#CCC; */ } /* ----- LISTAS ----- */ /* bullet */ #sobrepuc ul li::before { color:#6cace1; } /* lista destaque */ #sobrepuc section .puc_lista_especial_TAG-UL li::before, #sobrepuc section .puc_lista_especial_item_unico_TAG-LI::before { color:#0B5182; } #sobrepuc section .puc_lista_especial_TAG-UL li, #sobrepuc section .puc_lista_especial_item_unico_TAG-LI { color:#0B5182; } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #sobrepuc article form { background:rgba(0,0,0,0.5); } /* campos de preenchimento */ #sobrepuc article form input[type=text], #sobrepuc article form input[type=password], #sobrepuc article form input[type=file], #sobrepuc article form textarea, #sobrepuc article form select { background:#FFF; border-color:rgba(0,0,0,0.15); } /* botão "enviar" */ #sobrepuc article form input[type=submit] { background:#C2C3C8; color:#043458; } #sobrepuc article form input[type=submit]:hover { background:#043458; color:#FFF; } /* ----- PLAYER DE ÁUDIO ----- */ #sobrepuc section div.puc_player_audio_TAG-DIV { background:#B4CFE3; } #sobrepuc section div.puc_player_audio_TAG-DIV:hover { background:#81BFE7; } /* ----- LINKS REDES SOCIAIS ----- */ #sobrepuc div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #sobrepuc section aside .puc_texto_coluna-lateral_titulo { /* color:#0089c0; */ } /* ----- BANNER DE TEXTO ----- */ #sobrepuc section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#E3E8EE; } /* ----- BANNER DE LINK ----- */ #sobrepuc section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #sobrepuc section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#043458; background:#B4CFE3; } #sobrepuc section aside p.puc_texto_coluna-lateral_banner_TAG-P a:hover { background:#9CC0DB; } #sobrepuc h1.border, #sobrepuc h2.border, #sobrepuc h3.border, #sobrepuc h4.border, #sobrepuc h5.border { border-bottom: 1px dotted rgba(0,0,0,0.15); } /* ----- BOX ----- */ #sobrepuc .caixa { background:#FFFFFF; padding: 15px; box-sizing: border-box; position: relative; /* margin-bottom: 30px; */ } #sobrepuc .caixa h5, #sobrepuc .caixa h4, #sobrepuc .caixa h3, #sobrepuc .caixa h2, #sobrepuc .caixa h1{ margin: 1px 0 0 0; }