@charset "utf-8"; /* CSS Document */ /* Theme Name: PUC-WP Author: PUC-Rio Author URI: https://www.puc-rio.br */ /* ======================================================================================= 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 ----- */ #pucwp header h1 { /* color:; (estilo definido em puc_interna.css para o tapume) */ } /* ----- CAMINHO / BREADCRUMB ----- */ #pucwp header nav a:link, #pucwp header nav a:visited { /* color:; (estilo definido em puc_interna.css para o tapume) */ } #pucwp header nav a:hover { /* color:; (estilo definido em puc_interna.css para o tapume) */ } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #pucwp header #puc_menu_vazio { /* background:; (estilo definido em puc_interna.css para o tapume) */ } /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #pucwp header #puc_menu_faixa { /* background:; (estilo definido em puc_interna.css para o tapume) border-top:; (estilo definido em puc_interna.css para o tapume) border-bottom:; (estilo definido em puc_interna.css para o tapume) */ } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #pucwp header .menu span { /* background:; (estilo definido em puc_interna.css para o tapume) */ } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #pucwp header .menu a:link, #pucwp header .menu a:visited { border-top:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { #pucwp header .menu { } #pucwp header .menu ul { position: relative; display: contents; } /* mouse out */ #pucwp header .menu a:link, #pucwp header .menu a:visited { padding-left:0 !important; padding-right:0 !important; margin:auto; display:inline-block; border-color:rgba(190,0,45,0); } /* mouse over */ #pucwp header .menu a:hover { border-color:rgba(190,0,45,1); } #pucwp.tapume #menu a, #pucwp.tapume #menu a:link, #pucwp.tapume #menu a:visited, #pucwp.tapume .puc_menu_submenu_linkmestre { margin: 0 0 0 0; padding:6px 0 1px 0 !important; } #pucwp header .menu a:link, #pucwp header .menu a:visited { padding:0 0 1px 0 !important; } .menu li { flex-grow:initial !important; display:inline-block; } .sub-menu { border-top:4px solid #BE002D; background:#FFFFFF; margin-top:-4px !important; padding:8px 13px 13px 13px !important; } .sub-menu li { margin-top:8px; } .sub-menu li a { font-size:0.9em; font-weight:400 !important; } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #pucwp header .menu a:link, #pucwp header .menu a:visited, #pucwp header .menu .puc_menu_submenu_linkmestre { color:#000000; background:#FFFFFF; border-color:#9b9583; } /* mouse over */ #pucwp header .menu a:hover, #pucwp header .menu .puc_menu_submenu_linkmestre:hover, #pucwp header .menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#000000 !important; background:#FFFFFF !important; /* border-color:#00a800 !important; */ } /* fecha @media (max-width:1139px) */ } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #pucwp header button { color:#000; background: #F5F5F0; background-image: url(https://www.puc-rio.br/imagens/puc_icone_sanduiche_preto.svg); background-repeat: no-repeat; background-size: 35px; background-position-x: 20px; background-position-y: center; border-bottom: 1px solid #9b9583; border-top: 1px solid #9b9583; } @media (max-width: 1139px) { body header button::before, .menu_button_mobile::before { margin-right: 50px !important;}} /* ----- SUBMENU DESKTOP ----- */ @media (min-width:1140px) { #pucwp header .menu .puc_menu_submenu_links a:link, #pucwp header .menu .puc_menu_submenu_links a:visited { background:#043458; color:#97D3FF; } #pucwp header .menu .puc_menu_submenu_links a:hover { color:#0092FF; background:#18496E; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #pucwp header .menu .puc_menu_submenu_links a:link, #pucwp header .menu .puc_menu_submenu_links a:visited { border-bottom:1px solid #9b9583; background:#F5F5F0; color:#000000; padding-left:45px; /* imes */} #pucwp header .menu .puc_menu_submenu_links a:hover { background:#00a800; color:#000000; } /* fecha @media (max-width:1139px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #pucwp section { /* border-bottom-color:; (estilo definido em puc_interna.css para o tapume) */ } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #pucwp h1 { /* color:; (estilo definido em puc_interna.css para o tapume) */ } #pucwp h2 { /* color:; (estilo definido em puc_interna.css para o tapume) */ } #pucwp h3 { /* color:; (estilo definido em puc_interna.css para o tapume) */ } #pucwp h4 { /* color:; (estilo definido em puc_interna.css para o tapume) */ } #pucwp h5 { /* color:; (estilo definido em puc_interna.css para o tapume) */ } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #pucwp section .puc_texto_destaque_em_quadro_centro, #pucwp section .puc_texto_destaque_em_quadro_esquerda, #pucwp section .puc_texto_destaque_em_quadro_direita { /* background:; color:; (estilo definido em puc_interna.css para o tapume) */ } /* ----- LINKS (GERAL) ----- */ #pucwp a:link, #pucwp a:visited { /* color:; (estilo definido em puc_interna.css para o tapume) */ } #pucwp a:hover { /* color:; (estilo definido em puc_interna.css para o tapume) */ } /* ----- LINK VOLTAR ----- */ #pucwp section article button.puc_link_voltar_TAG-BUTTON { /* color:; background:; (estilo definido em puc_interna.css para o tapume) */ } #pucwp section article button.puc_link_voltar_TAG-BUTTON:hover { /* color:; background:; (estilo definido em puc_interna.css para o tapume) */ } .tapume .voltar-ao-topo, .tapume .voltar-anterior { margin:60px 0 !important; } /* ----- LINK DESTAQUE ----- */ #pucwp a.puc_link_destaque_TAG-A:link, #pucwp a.puc_link_destaque_TAG-A:visited, #pucwp a.puc_link_destaque_centralizado_TAG-A:link, #pucwp a.puc_link_destaque_centralizado_TAG-A:visited { background:#000000; color:#f5f5f0; } #pucwp a.puc_link_destaque_TAG-A:hover, #pucwp a.puc_link_destaque_centralizado_TAG-A:hover { background:#FFFFFF; color:#000000; } /* ----- LINK DE PAGINAÇÃO ----- */ #pucwp section article .puc_link_paginacao_anterior_TAG-A:link, #pucwp section article .puc_link_paginacao_anterior_TAG-A:visited, #pucwp section article .puc_link_paginacao_proximo_TAG-A:link, #pucwp section article .puc_link_paginacao_proximo_TAG-A:visited { /* color:; (estilo definido em puc_interna.css para o tapume) */ } #pucwp section article .puc_link_paginacao_anterior_TAG-A:hover, #pucwp section article .puc_link_paginacao_proximo_TAG-A:hover { /* color:; (estilo definido em puc_interna.css para o tapume) */ } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #pucwp section article .puc_imagem_galeria a:link, #pucwp section article .puc_imagem_galeria a:visited { background:#FFFFFF; color:#000000; } #pucwp section article .puc_imagem_galeria a:hover { background:#000000; color:#f5f5f0; } /* legenda dos thumbnails */ #pucwp section article .puc_imagem_galeria a:link .puc_texto_menor, #pucwp section article .puc_imagem_galeria a:visited .puc_texto_menor, #pucwp section article .puc_imagem_galeria a figure { color:#000000; } #pucwp section article .puc_imagem_galeria a:hover .puc_texto_menor, #pucwp section article .puc_imagem_galeria a:hover figure { color:#f5f5f0; } /* ----- TABELA ----- */ /* bordas da tabela */ #pucwp section article .puc_tabela_padrao_TAG-TABLE, #pucwp section article .puc_tabela_padrao_TAG-TABLE td { border-color:#000000; } /* linhas para tabela */ #pucwp section article .puc_tabela_linha_n1_TAG-TR { background:#000000; color:#f5f5f0; } #pucwp section article .puc_tabela_linha_n2_TAG-TR { background:#9b9583; color:#f5f5f0; } #pucwp section article .puc_tabela_linha_n3_TAG-TR { background:#FFFFFF; color:#000000; } #pucwp section article .puc_tabela_linha_clara_TAG-TR { background:#FFFFFF; } #pucwp section article .puc_tabela_linha_escura_TAG-TR { background:#FFFFFF00; } #pucwp section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#FFFFFF; } #pucwp section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#FFFFFF00; } /* ----- LINHA HORIZONTAL ----- */ #pucwp hr { /* color:; (estilo definido em puc_interna.css para o tapume) */ } /* ----- LISTAS ----- */ /* bullet */ #pucwp ul li::before { /* color:; (estilo definido em puc_interna.css para o tapume) */ } /* lista destaque */ #pucwp section .puc_lista_especial_TAG-UL li::before, #pucwp section .puc_lista_especial_item_unico_TAG-LI::before { /* color:; (estilo definido em puc_interna.css para o tapume) */ } #pucwp section .puc_lista_especial_TAG-UL li, #pucwp section .puc_lista_especial_item_unico_TAG-LI { /* color:; (estilo definido em puc_interna.css para o tapume) */ } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #pucwp #loginform { font:1em "Rethink Sans", sans-serif; background:#CDCAC1; color:#000000; border-radius:3px; padding:25px 30px 27px 30px; margin:auto; display:block; max-width:500px; } #pucwp #loginform p { margin:0; } /* campos de preenchimento */ #pucwp #loginform input[type=text], #pucwp #loginform input[type=password], #pucwp #loginform input[type=file], #pucwp #loginform textarea, #pucwp #loginform select { background:#FFFFFF; font:1em "Rethink Sans", sans-serif; padding:8px 10px 10px 10px; border:0; border-radius:3px; color:#000; width:100%; box-sizing:border-box; transition:border 0.3s, color 0.3s, background 0.3s; margin-bottom:15px; } /* botão "enviar" */ #pucwp #loginform input[type=submit] { background:#7C0024; color:#f5f5f0; border-radius:3px; font:1.2em 'Rethink Sans'; font-weight:500; padding:3px 10px 5px 10px; margin-top:15px; border:0; letter-spacing:0; transition:0.3s all; } #pucwp #loginform input[type=submit]:hover { background:#BE002D; color:#f5f5f0; } /* ----- PLAYER DE ÁUDIO ----- */ #pucwp section div.puc_player_audio_TAG-DIV { /* background:; (estilo definido em puc_interna.css para o tapume) */ } #pucwp section div.puc_player_audio_TAG-DIV:hover { /* background:; (estilo definido em puc_interna.css para o tapume) */ } /* ----- LINKS REDES SOCIAIS ----- */ #pucwp div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #pucwp section aside .puc_texto_coluna-lateral_titulo { /* color:; (estilo definido em puc_interna.css para o tapume) */ } /* ----- BANNER DE TEXTO ----- */ #pucwp section aside p.puc_texto_coluna-lateral_banner_TAG-P { /* background:; (estilo definido em puc_interna.css para o tapume) */ } /* ----- BANNER DE LINK ----- */ #pucwp section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #pucwp section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { /* color:; (estilo definido em puc_interna.css para o tapume) */ /* background:; (estilo definido em puc_interna.css para o tapume) */ } #pucwp section aside p.puc_texto_coluna-lateral_banner_TAG-P a:hover { /* background:; (estilo definido em puc_interna.css para o tapume) */ /* color:; (estilo definido em puc_interna.css para o tapume) */ } /* ========================================================================== 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" */ /* ======================================================================================= */ /* ============================= SITE MODELO BANDING ===================================== */ /* ======================================================================================= */ article { padding-top:30px; } .ttl-inicial{ text-align:center; margin: 50px auto; } .texto-inicial-2c, .texto-inicial-2c_peq { column-count: 2; column-gap: 40px; margin-bottom: 64px; font-weight: 400; line-height: 30px; } .texto-inicial-2c { font-size: 1.2em; } .texto-inicial-2c_peq { font-size: 1em; } @media (max-width:680px) { .texto-inicial-2c, .texto-inicial-2c_peq { column-count:1; } } .categoria_indice {} .categoria_chamada:link, .categoria_chamada:visited { background:#FFFFFF; border-radius:3px; padding:30px; box-sizing:border-box; transition:0.3s all; margin-bottom:30px; display:block; } .categoria_chamada:hover { text-decoration:none; transform:scale(1.05); } .categoria_chamada h3 { margin:0 0 10px 0; } .categoria_chamada p { margin:0; } .categoria_chamada_img { margin:0 0 10px 0; position:relative; overflow:hidden; width:100%; padding-top:66.6796875%; border-radius:3px; } .categoria_chamada_img img { position:absolute; top:50%; height:auto; width:100%; margin-top:-33.33984375%; } .quadro_branco { background:#FFFFFF; border-radius:3px; padding:30px; box-sizing:border-box; } .quadro_branco p:first-child { margin-top:0; } .slide-geral, .slide-geral img { border-radius:3px; } .slide-texto { width:100%; color:#f5f5f0; box-sizing: border-box; z-index:100; position:absolute; bottom:40px; left:0; text-shadow: 2px 2px 2px rgba(17, 17, 17, 0.3); text-decoration:none; padding:0 50px 0 50px; text-align:center; } @media (max-width:680px) { .slide-ttl { font-size:2.5em !important; } } .slide-ttl { font-size:3em; line-height:1em !important; font-weight:500; margin:0 0 15px 0; font-family:"Rethink Sans", sans-serif; } .slide-stl { margin:0; line-height:1.2em !important; font-weight:400; font-size:18px; } .slide-texto-gradiente { background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(34,193,195,0) 50%, rgba(34,193,195,0) 100%); position:absolute; bottom:0; left:0; height:100%; width:100%; border-radius:3px; } .vagas .card { align-items:flex-start !important; } .vagas .card .material-symbols-outlined { align-self:flex-end; } .vagas p { margin:0; display:flex; align-items:stretch; } .vagas p a { width:100%; } .conteudo_inner ul { background:#FFFFFF; border-radius:3px; padding:15px 30px 18px 40px; margin:0; break-inside: avoid-column; } .conteudo_inner .is-layout-flow h3:first-child, #comunicados h3:first-child { margin-top:0 !important; } /* Botão Área restrita */ article { position:relative; } .btt_restrito { display:inline-flex; align-items:center; position:absolute; top:10px; right:0; font-size:0.9em; text-align:right; } .btt_restrito a:link, .btt_restrito a:visited { display:inline-flex; align-items:center; padding:3px 3px 3px 8px; border-radius:3px; font-family:'Rethink Sans'; font-weight:500; text-decoration:none; background:#7C0024; color:#F5F5F0; transition:0.3s all; } .btt_restrito a .material-symbols-outlined { margin-left:5px; } .btt_restrito .usuario { display:flex; align-items:center; margin:-3px 12px 0 0; line-height:1em; text-align:left; } .btt_restrito .usuario .material-symbols-outlined { margin-right:2px; } .btt_restrito a:hover, .btt_restrito a:focus { background:#BE002D; color:#F5F5F0; text-decoration:none; } .wp-block-details { background:#FFFFFF; margin-bottom:30px; border-radius:3px; } .wp-block-details summary { background:#CDCAC1; padding:15px 20px 15px 20px; color:#000000; font:1.3em 'Rethink Sans'; border-radius:3px 3px 0 0; } .docs_restritos .wp-block-details summary { background:#7C0024; color:#F5F5F0; } .wp-block-details p { margin:0; padding:10px 20px 0 20px; } .wp-block-details p::before { content:'→'; margin-right:5px; } .wp-block-details p:last-child { margin-bottom:0; padding-bottom:16px; } .wp-block-details summary + p { padding-top:15px; } .wp-block-columns.is-layout-flex { grid-column-gap:2em; grid-row-gap:0em; }