@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 === */ /* ========================================================================== */ /* ----- #vrc section{ font-size: 1.2em; font-family: 'Open Sans', Geneva, sans-serif } ----- */ /* ----- TÍTULO DA PÁGINA ----- */ #vrc header h1 { color:#666666; } /* ----- CAMINHO / BREADCRUMB ----- */ #vrc header nav a:link, #vrc header nav a:visited { color:#AAA; } #vrc header nav a:hover { color:#555; } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #vrc header #puc_menu_vazio { background:007FA4; } /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #vrc header #puc_menu_faixa { background:#007FA4; } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #vrc header #menu span { background:007FA4; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #vrc header #menu { margin:1px 10px 0 10px; } #vrc header #menu span { top:0; margin-top:-1px; } #vrc header #menu a:link, #vrc header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #vrc header #menu a:link, #vrc header #menu a:visited, #vrc header #menu .puc_menu_submenu_linkmestre { color:#FFFFFF; } /* mouse over */ #vrc header #menu a:hover, #vrc header #menu .puc_menu_submenu_linkmestre:hover, #vrc header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#FFF; background:#043458; border-color:#FFF; } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #vrc header #menu a:link, #vrc header #menu a:visited, #vrc header #menu .puc_menu_submenu_linkmestre { color:#07345B; background:#E3E8EE; border-color:#7CA2B5; } /* mouse over */ #vrc header #menu a:hover, #vrc header #menu .puc_menu_submenu_linkmestre:hover, #vrc header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#FFF; background:#043458; border-color:#7CA2B5; } /* fecha @media (max-width:1139px) */ } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #vrc header button { color:#FFF; background:#007FA4; background-image:url(https://www.puc-rio.br/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat; } /* ----- SUBMENU DESKTOP ----- */ @media (min-width:1140px) { #vrc header #menu .puc_menu_submenu_links a:link, #vrc header #menu .puc_menu_submenu_links a:visited { background:#043458; color:#97D3FF; } #vrc header #menu .puc_menu_submenu_links a:hover { color:#0092FF; background:#18496E; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #vrc header #menu .puc_menu_submenu_links a:link, #vrc header #menu .puc_menu_submenu_links a:visited { border-bottom:1px solid #467288; background:#5B7D96; color:#97D3FF; } #vrc header #menu .puc_menu_submenu_links a:hover { background:#7391A7; color:#0092FF; } /* fecha @media (max-width:1139px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #vrc section { border-bottom-color:#DDDDDD; } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #vrc h1 { color:#666666; } #vrc h2 { color:#333333; } #vrc h3 { color:#333333; } #vrc h4 { color:#007FA4; } #vrc h5 { color:#333333; } #vrc h1 { font-size:2.9em; } #vrc h2 {font-size: 2.3em;} #vrc h3 { font-size:1.9em; } #vrc h4 { font-size:1.7em; } #vrc h5 { font-size:1.4em; } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #vrc section .puc_texto_destaque_em_quadro_centro, #vrc section .puc_texto_destaque_em_quadro_esquerda, #vrc section .puc_texto_destaque_em_quadro_direita { background:#E3E8EE; color:#07345B; } /* ----- LINKS (GERAL) ----- */ #vrc a:link, #vrc a:visited { color:#007FA4; } #vrc a:hover { color:#09AEFF; } /* ----- LINK VOLTAR ----- */ #vrc section article button.puc_link_voltar_TAG-BUTTON { color:#043458; background:#D4DEE9; } #vrc section article button.puc_link_voltar_TAG-BUTTON:hover { color:#FFF; background:#043458; } /* ----- LINK DESTAQUE ----- */ #vrc section article a.puc_link_destaque_TAG-A:link, #vrc section article a.puc_link_destaque_TAG-A:visited, #vrc section article a.puc_link_destaque_centralizado_TAG-A:link, #vrc section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#B4CFE3; color:#043458; } #vrc section article a.puc_link_destaque_TAG-A:hover, #vrc section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#043458; color:#FFFFFF; } /* ----- LINK DE PAGINAÇÃO ----- */ #vrc section article .puc_link_paginacao_anterior_TAG-A:link, #vrc section article .puc_link_paginacao_anterior_TAG-A:visited, #vrc section article .puc_link_paginacao_proximo_TAG-A:link, #vrc section article .puc_link_paginacao_proximo_TAG-A:visited { color:#1A73A0; } #vrc section article .puc_link_paginacao_anterior_TAG-A:hover, #vrc section article .puc_link_paginacao_proximo_TAG-A:hover { color:#09AEFF; } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #vrc section article .puc_imagem_galeria a:link, #vrc section article .puc_imagem_galeria a:visited { background:#DDDDDD; } #vrc section article .puc_imagem_galeria a:hover { background:#EEEEEE; } /* legenda dos thumbnails */ #vrc section article .puc_imagem_galeria a:link .puc_texto_menor, #vrc section article .puc_imagem_galeria a:visited .puc_texto_menor, #vrc section article .puc_imagem_galeria a figure { color:#666666; } #vrc section article .puc_imagem_galeria a:hover .puc_texto_menor, #vrc section article .puc_imagem_galeria a:hover figure { color:#666666; } /* ----- TABELA ----- */ /* bordas da tabela */ #vrc section article .puc_tabela_padrao_TAG-TABLE, #vrc section article .puc_tabela_padrao_TAG-TABLE td { border-color:#CCC; } /* linhas para tabela */ #vrc section article .puc_tabela_linha_n1_TAG-TR { background:#043458; color:#FFFFFF; } #vrc section article .puc_tabela_linha_n2_TAG-TR { background:#9DBDD4; color:#043458; } #vrc section article .puc_tabela_linha_n3_TAG-TR { background:#CDDDE8; color:#043458; } #vrc section article .puc_tabela_linha_clara_TAG-TR { background:#F5F5F5; } #vrc section article .puc_tabela_linha_escura_TAG-TR { background:#E5E5E5; } #vrc section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#F5F5F5; } #vrc section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#E5E5E5; } /* ----- LINHA HORIZONTAL ----- */ #vrc hr { color:#CCC; } /* ----- LISTAS ----- */ /* bullet */ #vrc ul li::before { color:#09AEFF; } /* lista destaque */ #vrc section .puc_lista_especial_TAG-UL li::before, #vrc section .puc_lista_especial_item_unico_TAG-LI::before { color:#0B5182; } #vrc section .puc_lista_especial_TAG-UL li, #vrc section .puc_lista_especial_item_unico_TAG-LI { color:#0B5182; } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #vrc article form { background:#EEE; } /* campos de preenchimento */ #vrc article form input[type=text], #vrc article form input[type=password], #vrc article form input[type=file], #vrc article form textarea, #vrc article form select { background:#FFF; border-color:#CCC; } /* botão "enviar" */ #vrc article form input[type=submit] { background:#C2C3C8; color:#043458; } #vrc article form input[type=submit]:hover { background:#043458; color:#FFF; } /* ----- PLAYER DE ÁUDIO ----- */ #vrc section div.puc_player_audio_TAG-DIV { background:#B4CFE3; } #vrc section div.puc_player_audio_TAG-DIV:hover { background:#81BFE7; } /* ----- LINKS REDES SOCIAIS ----- */ #vrc div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #vrc section aside .puc_texto_coluna-lateral_titulo { color:#09AEFF; } /* ----- BANNER DE TEXTO ----- */ #vrc section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#E3E8EE; } /* ----- BANNER DE LINK ----- */ #vrc section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #vrc section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#043458; background:#B4CFE3; } #vrc section aside p.puc_texto_coluna-lateral_banner_TAG-P a:hover { background:#9CC0DB; } /* ========================================================================== ESTILOS ESPECÍFICOS === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ----- AQUI ENTRA OS ESTILOS ESPECÍFICOS PARA O vrc/UNID ----- Para sobressair qualquer estilo já existente usar o ID do vrc/unid (localizado no body) antes do nome da classe/id OU o termo "!important" */ /* ----- Cba Menu ----- */ /* ----- MENU COMUM cacc A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #vrc.cba header #puc_menu_faixa { background:#879597; } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #vrc.cba header #menu span { background:#879597; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #vrc.cba header #menu { margin:1px 10px 0 10px; } #vrc.cba header #menu span { top:0; margin-top:-1px; } #vrc.cba header #menu a:link, #vrc.cba header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #vrc.cba header #menu a:link, #vrc.cba header #menu a:visited, #vrc.cba header #menu .puc_menu_submenu_linkmestre { color:#fff; } /* mouse over */ #vrc.cba header #menu a:hover, #vrc.cba header #menu .puc_menu_submenu_linkmestre:hover, #vrc.cba header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#fff; background:#007FA4; border-color:#FFF; } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #vrc.cba header #menu a:link, #vrc.cba header #menu a:visited, #vrc.cba header #menu .puc_menu_submenu_linkmestre { color:#fff; background:#5b7b95; border-color:#bfbfbf; } /* mouse over */ #vrc.cba header #menu a:hover, #vrc.cba header #menu .puc_menu_submenu_linkmestre:hover, #vrc.cba header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#fff; background:#879597; border-color:#60b7ff; } /* fecha @media (max-width:1139px) */ } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #vrc.cba header button { color:#fff; background:#879597; background-image:url(http://www.puc-rio.br/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat; } /* ----- SUBMENU DESKTOP ----- */ @media (min-width:1140px) { #vrc.cba header #menu .puc_menu_submenu_links a:link, #vrc.cba header #menu .puc_menu_submenu_links a:visited { background:#e6e6e6; color:#666386; } #vrc.cba header #menu .puc_menu_submenu_links a:hover { color:#fff; background:#879597; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #vrc.cba header #menu .puc_menu_submenu_links a:link, #vrc.cba header #menu .puc_menu_submenu_links a:visited { border-bottom:1px solid #a9a9a9; background:#e6e6e6; color:#666386; } #vrc.cba header #menu .puc_menu_submenu_links a:hover { color:#fff; background:#879597; } /* fecha @media (max-width:1139px) */ } /* ----- LINK VOLTAR ----- */ #vrc.cba section article button.puc_link_voltar_TAG-BUTTON { color:#666386; background:#e6e6e6; border-color:#666386; } #vrc.cba section article button.puc_link_voltar_TAG-BUTTON:hover { color:#FFF; background:#879597; } /* ----- LINK DESTAQUE ----- */ #vrc.cba section article a.puc_link_destaque_TAG-A:link, #vrc.cba section article a.puc_link_destaque_TAG-A:visited, #vrc.cba section article a.puc_link_destaque_centralizado_TAG-A:link, #vrc.cba section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#e6e6e6; color:#666386; } #vrc.cba section article a.puc_link_destaque_TAG-A:hover, #vrc.cba section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#879597; color:#FFFFFF; } /* ----- CACC Menu ----- */ /* ----- MENU COMUM cacc A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #vrc.cacc header #puc_menu_faixa { background:#e9b706; } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #vrc.cacc header #menu span { background:#e9b706; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #vrc.cacc header #menu { margin:1px 10px 0 10px; } #vrc.cacc header #menu span { top:0; margin-top:-1px; } #vrc.cacc header #menu a:link, #vrc.cacc header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #vrc.cacc header #menu a:link, #vrc.cacc header #menu a:visited, #vrc.cacc header #menu .puc_menu_submenu_linkmestre { color:#ffffff; } /* mouse over */ #vrc.cacc header #menu a:hover, #vrc.cacc header #menu .puc_menu_submenu_linkmestre:hover, #vrc.cacc header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#E06703; background:#f4db83; border-color:#FFF; } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #vrc.cacc header #menu a:link, #vrc.cacc header #menu a:visited, #vrc.cacc header #menu .puc_menu_submenu_linkmestre { color:#ca9e04; background:#fef6c7; border-color:#bfbfbf; } /* mouse over */ #vrc.cacc header #menu a:hover, #vrc.cacc header #menu .puc_menu_submenu_linkmestre:hover, #vrc.cacc header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#E06703; background:#f4db83; border-color:#2E70A2; } /* fecha @media (max-width:1139px) */ } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #vrc.cacc header button { color:#FFFFFF; background:#e9b706; background-image:url(http://www.puc-rio.br/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat; } /* ----- SUBMENU DESKTOP ----- */ @media (min-width:1140px) { #vrc.cacc header #menu .puc_menu_submenu_links a:link, #vrc.cacc header #menu .puc_menu_submenu_links a:visited { background:#e6e6e6; color:#666386; } #vrc.cacc header #menu .puc_menu_submenu_links a:hover { color:#e06703; background:#f7f4f0; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #vrc.cacc header #menu .puc_menu_submenu_links a:link, #vrc.cacc header #menu .puc_menu_submenu_links a:visited { border-bottom:1px solid #a9a9a9; background:#e6e6e6; color:#666386; } #vrc.cacc header #menu .puc_menu_submenu_links a:hover { background:#f7f4f0; color:#e06703; } /* fecha @media (max-width:1139px) */ } /* ----- LINK VOLTAR ----- */ #vrc.cacc section article button.puc_link_voltar_TAG-BUTTON { color:#E06703; background:#f4db83; border-color:#FFF; } #vrc.cacc section article button.puc_link_voltar_TAG-BUTTON:hover { color:#FFF; background:#e9b706; } /* ----- LINK DESTAQUE ----- */ #vrc.cacc section article a.puc_link_destaque_TAG-A:link, #vrc.cacc section article a.puc_link_destaque_TAG-A:visited, #vrc.cacc section article a.puc_link_destaque_centralizado_TAG-A:link, #vrc.cacc section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#e9b706; color:#FFFFFF; } #vrc.cacc section article a.puc_link_destaque_TAG-A:hover, #vrc.cacc section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#f4db83; color:#E06703; } /* ----- Fotos ----- */ #vrc .Photo_row { /* vazio para aparecer na lista de classes */ } #vrc .Photo_column { /* vazio para aparecer na lista de classes */ } #vrc .Photo_column a {margin: 0; margin-top: 14px; vertical-align: middle; box-shadow: 0 5px 15px rgba(0,0,0,0.3); background: #fff !important} @media (min-width:870px) { #vrc .Photo_row {display: flex; flex-wrap: wrap; padding: 0;} #vrc .Photo_column {flex: 25%; max-width: 25%; padding: 0 7px; margin-bottom:30px; box-sizing: border-box} /* fecha @media (min-width:870px) */ } @media (max-width:869px) { #vrc .Photo_row { display:block; margin-bottom:30px; } #vrc .Photo_column { margin-bottom:10px; width: 100% } /* fecha @media (max-width:869px) */ } /* ----- Menu Lista -----*/ #vrc .vrc_menu_lista, #vrc .puc_menu_lateral{font-family: roboto condensed; font-size: 1.3em; padding: 30px 0 60px 0;} #vrc .puc_menu_lateral{padding: 0;} #vrc .vrc_menu_lista li, #vrc .puc_menu_lateral p {border-left: 7px solid #ffd450; padding-left: 5px; transition: all .5s;} #vrc .vrc_menu_lista li:hover, #vrc .puc_menu_lateral p:hover {border-left: 15px solid #ffd450;} #vrc .vrc_menu_lista li::before{content: none} #vrc .puc_menu_lateral p a{background: #ededed !important; padding: 10px} #vrc .puc_menu_lateral p:hover a{color: #D96703 !important}