@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 ----- */ #clipping header h1 { /* color:; */ } /* ----- CAMINHO / BREADCRUMB ----- */ #clipping header nav a:link, #clipping header nav a:visited { /* color:; */ } #clipping header nav a:hover { /* color:; */ } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #clipping header #puc_menu_vazio { /* background:; */ } /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #clipping header #puc_menu_faixa { /* background:; */ } } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #clipping header #menu span { /* background:; */ } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #clipping header #menu { margin:1px 10px 0 10px; } #clipping header #menu span { top:0; margin-top:-1px; } #clipping header #menu a:link, #clipping header #menu a:visited { border-top:0; border-bottom:0; } } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #clipping header #menu a:link, #clipping header #menu a:visited, #clipping header #menu .puc_menu_submenu_linkmestre { /* color:; */ } /* mouse over */ #clipping header #menu a:hover, #clipping header #menu .puc_menu_submenu_linkmestre:hover, #clipping header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { /* color:; */ /* background:; */ /* border-color:; */ } } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #clipping header #menu a:link, #clipping header #menu a:visited, #clipping header #menu .puc_menu_submenu_linkmestre { /* color:#07345B; background:#E3E8EE; border-color:#7CA2B5; */ } /* mouse over */ #clipping header #menu a:hover, #clipping header #menu .puc_menu_submenu_linkmestre:hover, #clipping header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { /* color:#FFF; background:#043458; border-color:#7CA2B5; */ } } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #clipping header button { /* color:#FFF; background:#7CA2B5; */ background-image:url(https://www.puc-rio.br/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat; } /* ----- SUBMENU DESKTOP ----- */ @media (min-width:1140px) { #clipping header #menu .puc_menu_submenu_links a:link, #clipping header #menu .puc_menu_submenu_links a:visited { /* background:#043458; color:#97D3FF; */ } #clipping header #menu .puc_menu_submenu_links a:hover { /* color:#0092FF; background:#18496E; */ } } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #clipping header #menu .puc_menu_submenu_links a:link, #clipping header #menu .puc_menu_submenu_links a:visited { /* border-bottom:1px solid #467288; background:#5B7D96; color:#97D3FF; */ } #clipping header #menu .puc_menu_submenu_links a:hover { /* background:#7391A7; color:#0092FF; */ } } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #clipping section { /* border-bottom-color:; */ } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #clipping h1 { /* color:; */ } #clipping h2 { /* color:; */ } #clipping h3 { /* color:; */ } #clipping h4 { /* color:; */ } #clipping h5 { /* color:; */ } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #clipping section .puc_texto_destaque_em_quadro_centro, #clipping section .puc_texto_destaque_em_quadro_esquerda, #clipping section .puc_texto_destaque_em_quadro_direita { /* background:; color:; */ } /* ----- LINKS (GERAL) ----- */ #clipping a:link, #clipping a:visited { /* color:; */ } #clipping a:hover { /* color:; */ } /* ----- LINK VOLTAR ----- */ #clipping section article button.puc_link_voltar_TAG-BUTTON { /* color:; background:; */ } #clipping section article button.puc_link_voltar_TAG-BUTTON:hover { /* color:; background:; */ } /* ----- LINK DESTAQUE ----- */ #clipping section article a.puc_link_destaque_TAG-A:link, #clipping section article a.puc_link_destaque_TAG-A:visited, #clipping section article a.puc_link_destaque_centralizado_TAG-A:link, #clipping section article a.puc_link_destaque_centralizado_TAG-A:visited { /* background:; color:; */ } #clipping section article a.puc_link_destaque_TAG-A:hover, #clipping section article a.puc_link_destaque_centralizado_TAG-A:hover { /* background:; color:; */ } /* ----- LINK DE PAGINAÇÃO ----- */ #clipping section article .puc_link_paginacao_anterior_TAG-A:link, #clipping section article .puc_link_paginacao_anterior_TAG-A:visited, #clipping section article .puc_link_paginacao_proximo_TAG-A:link, #clipping section article .puc_link_paginacao_proximo_TAG-A:visited { /* color:; */ } #clipping section article .puc_link_paginacao_anterior_TAG-A:hover, #clipping section article .puc_link_paginacao_proximo_TAG-A:hover { /* color:; */ } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #clipping section article .puc_imagem_galeria a:link, #clipping section article .puc_imagem_galeria a:visited { /* background:; */ } #clipping section article .puc_imagem_galeria a:hover { /* background:; */ } /* legenda dos thumbnails */ #clipping section article .puc_imagem_galeria a:link .puc_texto_menor, #clipping section article .puc_imagem_galeria a:visited .puc_texto_menor, #clipping section article .puc_imagem_galeria a figure { /* color:; */ } #clipping section article .puc_imagem_galeria a:hover .puc_texto_menor, #clipping section article .puc_imagem_galeria a:hover figure { /* color:; */ } /* ----- TABELA ----- */ /* bordas da tabela */ #clipping section article .puc_tabela_padrao_TAG-TABLE, #clipping section article .puc_tabela_padrao_TAG-TABLE td { /* border-color:; */ } /* linhas para tabela */ #clipping section article .puc_tabela_linha_n1_TAG-TR { /* background:; color:; */ } #clipping section article .puc_tabela_linha_n2_TAG-TR { /* background:; color:; */ } #clipping section article .puc_tabela_linha_n3_TAG-TR { /* background:; color:; */ } #clipping section article .puc_tabela_linha_clara_TAG-TR { /* background:; */ } #clipping section article .puc_tabela_linha_escura_TAG-TR { /* background:; */ } #clipping section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { /* background:; */ } #clipping section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { /* background:; */ } /* ----- LINHA HORIZONTAL ----- */ #clipping hr { /* color:; */ } /* ----- LISTAS ----- */ /* bullet */ #clipping ul li::before { /* color:; */ } /* lista destaque */ #clipping section .puc_lista_especial_TAG-UL li::before, #clipping section .puc_lista_especial_item_unico_TAG-LI::before { /* color:; */ } #clipping section .puc_lista_especial_TAG-UL li, #clipping section .puc_lista_especial_item_unico_TAG-LI { /* color:; */ } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #clipping article form { /* background:; */ } /* campos de preenchimento */ #clipping article form input[type=text], #clipping article form input[type=password], #clipping article form input[type=file], #clipping article form textarea, #clipping article form select { /* background:; border-color:; */ } /* botão "enviar" */ #clipping article form input[type=submit] { /* background:; color:; */ } #clipping article form input[type=submit]:hover { /* background:; color:; */ } /* ----- PLAYER DE ÁUDIO ----- */ #clipping section div.puc_player_audio_TAG-DIV { /* background:; */ } #clipping section div.puc_player_audio_TAG-DIV:hover { /* background:; */ } /* ----- LINKS REDES SOCIAIS ----- */ #clipping div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #clipping section aside .puc_texto_coluna-lateral_titulo { /* color:; */ } /* ----- BANNER DE TEXTO ----- */ #clipping section aside p.puc_texto_coluna-lateral_banner_TAG-P { /* background:; */ } /* ----- BANNER DE LINK ----- */ #clipping section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #clipping section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { /* color:; background:; */ } #clipping section aside p.puc_texto_coluna-lateral_banner_TAG-P a:hover { /* background:; */ } /* ========================================================================== 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" */ #clipping section { font:1em Literata, serif; padding-top:20px; } #clipping_chamadas {} #clipping_chamadas .puc_layout_coluna_3cols_interno { margin-bottom:60px; background:#FFFFFF; box-sizing:border-box; } #clipping_chamadas .link_principal:link, #clipping_chamadas .link_principal:visited, #clipping_chamadas .link_principal { display:block; color:#000000; background:#FFFFFF; padding:0 20px 0 20px; margin:0 0 20px 0; text-decoration:none; } #clipping_chamadas .link_principal:hover { color:#4646FF !important; text-decoration:none; } #clipping_chamadas .link_principal:hover h4 { color:#4646FF !important; } #clipping_chamadas div.link_principal:hover, #clipping_chamadas div.link_principal:hover h4 { color:#000000 !important; } #clipping_chamadas .fonte { display:block; color:#FFFFFF; background:#000000; margin:-20px -20px 0 -20px; padding:2px 7px 2px 7px; } #clipping_chamadas img { display:block; margin:0 -20px 0 -20px; max-width:calc(100% + 40px); border-bottom:1px solid rgba(0,0,0,0.08); } #clipping_chamadas .data { display:block; padding:10px 0 5px 0; margin:0; } #clipping_chamadas h4 { margin:5px 0 0 0; line-height:1.2em; transition:0.3s all; } #clipping_chamadas .replicacao { margin:-10px 20px 10px 20px; } #clipping_chamadas .replicacao a:link, #clipping_chamadas .replicacao a:visited { display:inline-block; transition:0.3s all; background:#000000; padding:3px 8px 3px 8px; margin:0 10px 10px 0; color:#FFFFFF; } #clipping_chamadas .replicacao a:hover, #clipping_chamadas .replicacao a:focus { text-decoration:none; transform:scale(1.07); } #clipping_chamadas .replicacao_texto { margin:0 0 5px 0; }