@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 ----- */ #aulasinaugurais header h1 { /* color:#666666; */ } /* ----- CAMINHO / BREADCRUMB ----- */ #aulasinaugurais header nav a:link, #aulasinaugurais header nav a:visited { /* color:#AAA; */ } #aulasinaugurais header nav a:hover { /* color:#555; */ } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #aulasinaugurais header #puc_menu_vazio { /* background:#E5E5E5; */ } /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #aulasinaugurais header #puc_menu_faixa { /* background:#9b9583; */ border-top:1px solid #9b9583; border-bottom:1px solid #9b9583; } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #aulasinaugurais header #menu span { background:#9b958300; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #aulasinaugurais header #menu { margin:1px 10px 0 10px; } #aulasinaugurais header #menu span { top:0; margin-top:-1px; } #aulasinaugurais header #menu a:link, #aulasinaugurais header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #aulasinaugurais header #menu a:link, #aulasinaugurais header #menu a:visited, #aulasinaugurais header #menu .puc_menu_submenu_linkmestre { border-bottom:4px solid rgba(106,231,0,0); } /* mouse over */ #aulasinaugurais header #menu a:hover, #aulasinaugurais header #menu .puc_menu_submenu_linkmestre:hover, #aulasinaugurais header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { /* color:#FFF; */ border-bottom:4px solid rgba(106,231,0,1); } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #aulasinaugurais header #menu a:link, #aulasinaugurais header #menu a:visited, #aulasinaugurais header #menu .puc_menu_submenu_linkmestre { color:#000000; background:#FFFFFF; border-color:#9b9583; } /* mouse over */ #aulasinaugurais header #menu a:hover, #aulasinaugurais header #menu .puc_menu_submenu_linkmestre:hover, #aulasinaugurais 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" ----- */ #aulasinaugurais header button { /*color:#FFF; background:#7CA2B5; background-image:url(https://www.puc-rio.br/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat;*/ 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) { #aulasinaugurais header #menu .puc_menu_submenu_links a:link, #aulasinaugurais header #menu .puc_menu_submenu_links a:visited { background:#043458; color:#97D3FF; } #aulasinaugurais header #menu .puc_menu_submenu_links a:hover { color:#0092FF; background:#18496E; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #aulasinaugurais header #menu .puc_menu_submenu_links a:link, #aulasinaugurais header #menu .puc_menu_submenu_links a:visited { border-bottom:1px solid #9b9583; background:#F5F5F0; color:#000000; } #aulasinaugurais header #menu .puc_menu_submenu_links a:hover { background:#00a800; color:#000000; } /* fecha @media (max-width:1139px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #aulasinaugurais section { /* border-bottom-color:#DDDDDD; */ } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #aulasinaugurais h1 { /* color:#666666; */ } #aulasinaugurais h2 { /* color:#083459; */ } #aulasinaugurais h3 { /* color:#09AEFF; */ } #aulasinaugurais h4 { /* color:#0B5182; */ } #aulasinaugurais h5 { /* color:#68a9d7; */ } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #aulasinaugurais section .puc_texto_destaque_em_quadro_centro, #aulasinaugurais section .puc_texto_destaque_em_quadro_esquerda, #aulasinaugurais section .puc_texto_destaque_em_quadro_direita { /* background:#FFFFFF; color:#000000; */ } /* ----- LINKS (GERAL) ----- */ #aulasinaugurais a:link, #aulasinaugurais a:visited { /* color:#000000; */ } #aulasinaugurais a:hover { /* color:#000000; */ } /* ----- LINK VOLTAR ----- */ #aulasinaugurais section article button.puc_link_voltar_TAG-BUTTON { border-radius:3px; background:#9B9583; color:#F5F5F0; } #aulasinaugurais section article button.puc_link_voltar_TAG-BUTTON:hover { color:#F5F5F0; background:#000000; } /* ----- LINK DESTAQUE ----- */ #aulasinaugurais a.puc_link_destaque_TAG-A:link, #aulasinaugurais a.puc_link_destaque_TAG-A:visited, #aulasinaugurais a.puc_link_destaque_centralizado_TAG-A:link, #aulasinaugurais a.puc_link_destaque_centralizado_TAG-A:visited { background:#000000; color:#f5f5f0; } #aulasinaugurais a.puc_link_destaque_TAG-A:hover, #aulasinaugurais a.puc_link_destaque_centralizado_TAG-A:hover { background:#f5f5f0; color:#000000; } /* ----- LINK DE PAGINAÇÃO ----- */ #aulasinaugurais section article .puc_link_paginacao_anterior_TAG-A:link, #aulasinaugurais section article .puc_link_paginacao_anterior_TAG-A:visited, #aulasinaugurais section article .puc_link_paginacao_proximo_TAG-A:link, #aulasinaugurais section article .puc_link_paginacao_proximo_TAG-A:visited { /* color:#1A73A0; */ } #aulasinaugurais section article .puc_link_paginacao_anterior_TAG-A:hover, #aulasinaugurais section article .puc_link_paginacao_proximo_TAG-A:hover { /* color:#09AEFF; */ } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #aulasinaugurais section article .puc_imagem_galeria a:link, #aulasinaugurais section article .puc_imagem_galeria a:visited { background:rgba(0,0,0,0.08); } #aulasinaugurais section article .puc_imagem_galeria a:hover { background:rgba(0,0,0,0.04); } /* legenda dos thumbnails */ #aulasinaugurais section article .puc_imagem_galeria a:link .puc_texto_menor, #aulasinaugurais section article .puc_imagem_galeria a:visited .puc_texto_menor, #aulasinaugurais section article .puc_imagem_galeria a figure { color:#000000; } #aulasinaugurais section article .puc_imagem_galeria a:hover .puc_texto_menor, #aulasinaugurais section article .puc_imagem_galeria a:hover figure { color:#000000; } /* ----- TABELA ----- */ /* bordas da tabela */ #aulasinaugurais section article .puc_tabela_padrao_TAG-TABLE, #aulasinaugurais section article .puc_tabela_padrao_TAG-TABLE td { border-color:rgba(0,0,0,0.15); } /* linhas para tabela */ #aulasinaugurais section article .puc_tabela_linha_n1_TAG-TR { background:#000000; color:#FFFFFF; } #aulasinaugurais section article .puc_tabela_linha_n2_TAG-TR { background:rgba(0,0,0,0.4); color:#FFFFFF; } #aulasinaugurais section article .puc_tabela_linha_n3_TAG-TR { background:#FFFFFF; color:#000000; } #aulasinaugurais section article .puc_tabela_linha_clara_TAG-TR { background:rgba(0,0,0,0.04); } #aulasinaugurais section article .puc_tabela_linha_escura_TAG-TR { background:rgba(0,0,0,0.08); } #aulasinaugurais section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:rgba(0,0,0,0.08); } #aulasinaugurais section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:rgba(0,0,0,0.02); } /* ----- LINHA HORIZONTAL ----- */ #aulasinaugurais hr { /* color:rgba(0,0,0,0.15); */ } /* ----- LISTAS ----- */ /* bullet */ #aulasinaugurais ul li::before { /* color:#09AEFF; */ } /* lista destaque */ #aulasinaugurais section .puc_lista_especial_TAG-UL li::before, #aulasinaugurais section .puc_lista_especial_item_unico_TAG-LI::before { /* color:#0B5182; */ } #aulasinaugurais section .puc_lista_especial_TAG-UL li, #aulasinaugurais section .puc_lista_especial_item_unico_TAG-LI { /* color:#0B5182; */ } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #aulasinaugurais article form { background:rgba(0,0,0,0.04); } /* campos de preenchimento */ #aulasinaugurais article form input[type=text], #aulasinaugurais article form input[type=password], #aulasinaugurais article form input[type=file], #aulasinaugurais article form textarea, #aulasinaugurais article form select { background:#FFF; border-color:rgba(0,0,0,0.15); } /* botão "enviar" */ #aulasinaugurais article form input[type=submit] { background:#000000; color:#FFFFFF; } #aulasinaugurais article form input[type=submit]:hover { background:rgba(0,0,0,0.8); color:#FFFFFF; } /* ----- PLAYER DE ÁUDIO ----- */ #aulasinaugurais section div.puc_player_audio_TAG-DIV { /* background:#B4CFE3; */ } #aulasinaugurais section div.puc_player_audio_TAG-DIV:hover { /* background:#81BFE7; */ } /* ----- LINKS REDES SOCIAIS ----- */ #aulasinaugurais div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #aulasinaugurais section aside .puc_texto_coluna-lateral_titulo { /* color:#09AEFF; */ } /* ----- BANNER DE TEXTO ----- */ #aulasinaugurais section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:rgba(0,0,0,0.04); } /* ----- BANNER DE LINK ----- */ #aulasinaugurais section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #aulasinaugurais section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#000000; background:rgba(0,0,0,0.04); } #aulasinaugurais section aside p.puc_texto_coluna-lateral_banner_TAG-P a:hover { background:#000000; color:#FFFFFF; } /* ========================================================================== ESTILOS ESPECÍFICOS === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ .intro { font-size:1.1em; margin:15px 0 35px 0; } @media (min-width:900px) { .intro { font-size:1.1em; column-count:2; column-gap:30px; } } #ai_indice_aulas { display:flex; justify-content:space-between; flex-wrap:wrap; } @media (min-width:1150px) { #ai_indice_aulas div { width:calc(33.333% - 20px); } } @media (max-width:1149px) and (min-width:670px) { #ai_indice_aulas div { width:calc(50% - 15px); } } @media (max-width:669px) { #ai_indice_aulas div { width:100%; } } #ai_indice_aulas .puc_efeito_sumir { width:0 !important; height:0 !important; margin:0 !important; position:absolute; top:0; left:0; } #ai_indice_aulas div { display:flex; flex-direction:column; justify-content:space-between; border-radius:3px; margin-bottom:30px; position:relative; padding:26px 30px 25px 30px; box-sizing:border-box; } #ai_indice_aulas div.ctc { background:#00a2ac; color:#F5F5F0; } #ai_indice_aulas div.ctch { background:#7817b1; color:#F5F5F0; } #ai_indice_aulas div.ccs { background:#be002d; color:#F5F5F0; } #ai_indice_aulas div.ccbs { background:#00a800; color:#F5F5F0; } #ai_indice_aulas div.outros { background:#FFFFFF; color:#000000; /* background:url('/imagens/bkg_brasao_cortado_right-bottom_branco.svg'),#030053; background-repeat:no-repeat; background-position:bottom right; color:#F5F5F0; justify-content:flex-start !important; */ } @media (max-width:669px) { #ai_indice_aulas div.outros { background-size:auto 50%; padding-bottom:50%; } } #ai_indice_aulas div a:link, #ai_indice_aulas div a:visited { display:inline-block; border:1px solid #F5F5F0; border-radius:3px; padding:9px 15px 10px 15px; margin:15px 0 0 0; transition:0.3s all; color:#F5F5F0; text-decoration:none; font:1em 'Rethink Sans'; } #ai_indice_aulas .outros a:link, #ai_indice_aulas .outros a:visited { color:#000000; border:1px solid #000000; } #ai_indice_aulas .ctc a:hover { color:#F5F5F0; background:#005c66; border:1px solid #005c66; } #ai_indice_aulas .ctch a:hover { color:#F5F5F0; background:#3a0062; border:1px solid #3a0062; } #ai_indice_aulas .ccs a:hover { color:#F5F5F0; background:#7c0024; border:1px solid #7c0024; } #ai_indice_aulas .ccbs a:hover { color:#F5F5F0; background:#003900; border:1px solid #003900; } #ai_indice_aulas .outros a:hover { color:#000000; background:#9b9583; border:1px solid #9b9583; /* color:#F5F5F0; background:#0000a9; border:1px solid #0000a9; */ } #ai_indice_aulas span { display:block; line-height:1.25em; } .ai_depto { font-size:0.9em; margin-bottom:70px; } .ai_titulo { font:2em 'Rethink Sans'; line-height:1.1em !important; font-weight:600; display:block; margin:0 0 20px 0; } .ai_subtitulo { font-weight:400; display:block; line-height:1.1em !important; font:0.9em 'Rethink Sans'; margin-top:5px; } .ai_palestrante { font:1.1em 'Rethink Sans'; font-weight:400; margin-bottom:0; } .ai_palestrante-curriculo { font:0.9em 'Rethink Sans'; font-weight:400; margin-bottom:0; } .ai_mediador { font:0.9em 'Rethink Sans'; font-weight:400; } .ai_data { font-size:1em; margin:30px 0 4px 0; } .ai_local { font-size:0.9em; margin-bottom:2px; } #ai_indice_aulas img { margin-top:20px; width:100%; } /* =================================================================== */ /* =================================================================== */ /* =================================================================== */ #filtros_all { margin:15px 0 10px 0; } #filtros_all button { display:block; border:0; border-radius:3px; padding:6px 9px 7px 9px; background:#FFFFFF; color:#00000; margin-bottom:3px; font:1em 'Rethink Sans' !important; transition:background 0.3s, 0.3s color; } #filtros_all button:hover { cursor:pointer; background:#000000; color:#F5F5F0; } #filtros_tab { display:flex; } #filtros_tab button { display:flex; align-items:center; justify-content:center; font-size:1.3em; margin:0 1% 0 0; padding:6px 9px 6px 9px; } @media (max-width:669px) { #filtros_tab button { font-size:1.1em; } } #filtros_tab button:focus { outline:none; box-shadow:none; } #filtros_tab .button_active { background:#9B9583; color:#F5F5F0; } @media (min-width:670px) { #filtros_tab .button_active:hover { background:#9B9583; color:#F5F5F0; } } #filtros_topicos { } #filtros_topicos button { text-align:left; margin-bottom:5px; } #ai_links_centros, #ai_links_deptos, #ai_links_temas { border-top:2px solid #9b9583; padding:10px 0 0 0; margin-top:10px; } #aulas_anteriores { text-align:center; padding-top:20px; margin-top:50px; border-top:1px solid #9b9583; } #aulas_anteriores a:link, #aulas_anteriores a:visited { border-radius:3px; background:#9b9583; color:#F5F5F0; text-decoration:none !important; font:1.3em 'Rethink Sans'; display:inline-block; padding:10px 15px 10px 15px; margin:0 20px 20px 0; transition:0.3s all; } #aulas_anteriores a:hover { background:#000000; color:#F5F5F0; transform:scale(1.2); } .cancelar_imagem img { display:none; visibility:hidden; }