@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 === */ /* ========================================================================== */ /* ----- TÍTULO DA PÁGINA ----- */ #english header h1 { color:#666666; } /* ----- CAMINHO / BREADCRUMB ----- */ #english header nav a:link, #english header nav a:visited { color:#AAA; } #english header nav a:hover { color:#555; } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #english header #puc_menu_vazio { background:#E5E5E5; } /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #english header #puc_menu_faixa { background:#EEE; } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #english header #menu span { background:#CCC; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #english header #menu { margin:1px 10px 0 10px; } #english header #menu span { top:0; margin-top:-1px; } #english header #menu a:link, #english header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #english header #menu a:link, #english header #menu a:visited, #english header #menu .puc_menu_submenu_linkmestre { color:#07345B; } /* mouse over */ #english header #menu a:hover, #english header #menu .puc_menu_submenu_linkmestre:hover, #english 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 */ #english header #menu a:link, #english header #menu a:visited, #english header #menu .puc_menu_submenu_linkmestre { color:#07345B; background:#E3E8EE; border-color:#7CA2B5; } /* mouse over */ #english header #menu a:hover, #english header #menu .puc_menu_submenu_linkmestre:hover, #english 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" ----- */ #english 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) { #english header #menu .puc_menu_submenu_links a:link, #english header #menu .puc_menu_submenu_links a:visited { background:#043458; color:#97D3FF; } #english header #menu .puc_menu_submenu_links a:hover { color:#0092FF; background:#18496E; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #english header #menu .puc_menu_submenu_links a:link, #english header #menu .puc_menu_submenu_links a:visited { border-bottom:1px solid #467288; background:#5B7D96; color:#97D3FF; } #english header #menu .puc_menu_submenu_links a:hover { background:#7391A7; color:#0092FF; } /* fecha @media (max-width:1139px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #english section { border-bottom-color:#DDDDDD; } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ /* #english h1 { color:#666666; } #english h2 { color:#083459; } #english h3 { color:#09AEFF; } #english h4 { color:#0B5182; } #english h5 { color:#68a9d7; } */ #english h1 { color:#666666; } #english h2 { color:#2F5C8F; } #english h3 { color:#274061; } #english h4 { color:#777666; } #english h5 { color:#68a9d7; } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #english section .puc_texto_destaque_em_quadro_centro, #english section .puc_texto_destaque_em_quadro_esquerda, #english section .puc_texto_destaque_em_quadro_direita { background:#E6E2D8; color:#663300; } /* ----- LINKS (GERAL) ----- */ #english a:link, #english a:visited { color:#1A73A0; } #english a:hover { color:#09AEFF; } /* ----- LINK VOLTAR ----- */ #english section article button.puc_link_voltar_TAG-BUTTON { background:#E6E2D8; color:#663300; } #english section article button.puc_link_voltar_TAG-BUTTON:hover { color:#FFF; background:#663300; } /* ----- LINK DESTAQUE ----- */ #english section article a.puc_link_destaque_TAG-A:link, #english section article a.puc_link_destaque_TAG-A:visited, #english section article a.puc_link_destaque_centralizado_TAG-A:link, #english section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#B4CFE3; color:#043458; } #english section article a.puc_link_destaque_TAG-A:hover, #english section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#043458; color:#FFFFFF; } /* ----- LINK DE PAGINAÇÃO ----- */ #english section article .puc_link_paginacao_anterior_TAG-A:link, #english section article .puc_link_paginacao_anterior_TAG-A:visited, #english section article .puc_link_paginacao_proximo_TAG-A:link, #english section article .puc_link_paginacao_proximo_TAG-A:visited { color:#1A73A0; } #english section article .puc_link_paginacao_anterior_TAG-A:hover, #english section article .puc_link_paginacao_proximo_TAG-A:hover { color:#09AEFF; } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #english section article .puc_imagem_galeria a:link, #english section article .puc_imagem_galeria a:visited { background:#DDDDDD; } #english section article .puc_imagem_galeria a:hover { background:#EEEEEE; } /* legenda dos thumbnails */ #english section article .puc_imagem_galeria a:link .puc_texto_menor, #english section article .puc_imagem_galeria a:visited .puc_texto_menor, #english section article .puc_imagem_galeria a figure { color:#666666; } #english section article .puc_imagem_galeria a:hover .puc_texto_menor, #english section article .puc_imagem_galeria a:hover figure { color:#666666; } /* ----- TABELA ----- */ /* bordas da tabela */ #english section article .puc_tabela_padrao_TAG-TABLE, #english section article .puc_tabela_padrao_TAG-TABLE td { border-color:#CCC; } /* linhas para tabela */ #english section article .puc_tabela_linha_n1_TAG-TR { background:#993300; color:#FFFFFF; } #english section article .puc_tabela_linha_n2_TAG-TR { background:#9DBDD4; color:#043458; } #english section article .puc_tabela_linha_n3_TAG-TR { background:#E6E2D8; color:#043458; } #english section article .puc_tabela_linha_clara_TAG-TR { background:#F5F5F5; } #english section article .puc_tabela_linha_escura_TAG-TR { background:#E5E5E5; } #english section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#F5F5F5; } #english section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#E5E5E5; } /* ----- LINHA HORIZONTAL ----- */ #english hr { color:#CCC; } /* ----- LISTAS ----- */ /* bullet */ #english ul li::before { color:#09AEFF; } /* lista destaque */ #english section .puc_lista_especial_TAG-UL li::before, #english section .puc_lista_especial_item_unico_TAG-LI::before { color:#0B5182; } #english section .puc_lista_especial_TAG-UL li, #english section .puc_lista_especial_item_unico_TAG-LI { color:#0B5182; } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #english article form { background:#EEE; } /* campos de preenchimento */ #english article form input[type=text], #english article form input[type=password], #english article form input[type=file], #english article form textarea, #english article form select { background:#FFF; border-color:#CCC; } /* botão "enviar" */ #english article form input[type=submit] { background:#C2C3C8; color:#043458; } #english article form input[type=submit]:hover { background:#043458; color:#FFF; } /* ----- PLAYER DE ÁUDIO ----- */ #english section div.puc_player_audio_TAG-DIV { background:#B4CFE3; } #english section div.puc_player_audio_TAG-DIV:hover { background:#81BFE7; } /* ----- LINKS REDES SOCIAIS ----- */ #english div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #english section aside .puc_texto_coluna-lateral_titulo { color:#09AEFF; } /* ----- BANNER DE TEXTO ----- */ #english section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#E3E8EE; } /* ----- BANNER DE LINK ----- */ #english section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #english section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#043458; background:#B4CFE3; } #english 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 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" */ .menu-vinternas { width: 690px; /* width of menu */ } .menu-vinternas ul{ padding: 0; margin: 0; list-style: none; } .menu-vinternas ul li{ border: 1px solid #eee; background: #eee; margin-top: 10px; padding:0; } .menu-vinternas ul li a{ display:block; color: #494949; padding: 10px 15px; text-decoration: none; border-bottom: 1px solid #cacaca; } .menu-vinternas ul li a:hover { color: white; background: lightblue; } /* ------------- MENU DE LINK INTERNAS ------------- */ .card_menu { } .card_menu, .card_menu:visited { display: flex; position: relative; /*background-color: #EEF7FF;*/ background-color: #CBDBEE; border: 1px solid #FFFFFF; border-radius: 5px; box-shadow: 0px 4px 8px 0px rgba(255, 255, 255, 1); box-sizing: border-box; padding: 32px 24px; text-decoration: none; text-align: center; font-size: 1.2em; font-weight: bold; } .card_menu:hover { transition: all 0.2s ease-out; box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2); top: -4px; border: 1px solid #cccccc; background-color: white; } .card_menu span {width:100%;} .card_menu strong { font-size: 1.2em; } /* --------------------- CCPG ---------------------- */ .separador { border-bottom: 1px dotted #CCC; padding: 5px 0; margin-bottom: 10px; } .ccpg_lines { width: 80%; margin: auto; } .lines { border-bottom: 1px solid; padding: 0; margin-bottom: 5px; color: #000000 !important; /*color: #68a9d7;*/ } .ccpg_menu_cursos { border-top: 1px solid #2F5C8F; margin-top:60px; width:500px; } .ccpg_menu_cursos a:link, .ccpg_menu_cursos a:visited { display:block; text-decoration: none; padding: 8px; border-bottom: 1px solid #2F5C8F; transition:background 0.3s, color 0.3s; font-size:14px; font-weight:bold; overflow: auto;} .ccpg_menu_cursos a:hover { background:#2F5C8F; color:#FFFFFF; } /* --------- */ #ccpg_menu_cursos_index { padding-top:30px; margin-top:0; width:100%; } #ccpg_menu_cursos_index table { border-top: 1px solid #D4CAA8; border-left: 1px solid #D4CAA8; width:100%; } #ccpg_menu_cursos_index tr:hover td { background:#EFEDE3; } #ccpg_menu_cursos_index .ccpg_table_linhabranca td, #ccpg_menu_cursos_index .ccpg_table_linhabranca:hover td { background:#E2DFD1; } #ccpg_menu_cursos_index td { border-bottom:1px solid #D4CAA8; border-right:1px solid #D4CAA8; text-align:center; height:44px; transition:background 0.3s; } #ccpg_menu_cursos_index tr td:first-child { padding:0; text-align:left; } #ccpg_menu_cursos_index a:link, #ccpg_menu_cursos_index a:visited { display:flex; align-items: center; text-decoration: none; font-size:14px; font-weight:bold; padding:8px; height:42px; width: 100%; transition:background-position 0.3s, color 0.3s; background-image:url(/english/imagens/bull_eng_ccpg_menu_hover.png); background-repeat: no-repeat; background-size:100%; background-position:-500px; } #ccpg_menu_cursos_index a:hover { background-image:url(/english/imagens/bull_eng_ccpg_menu_hover.png); background-repeat: no-repeat; background-size:100%; background-position:0; color:#FFF; } #ccpg_menu_cursos_index .eng_ccpg_edital_datas { display:flex; justify-content:space-around; background-image:url(/english/departaments/imagens/ccpg_editais_separador.png); background-position:center; background-repeat:repeat-y; } #ccpg_menu_cursos_index .eng_ccpg_edital_datas span { width:50%; text-align:center; } #ccpg_menu_cursos_index .eng_ccpg_edital_links { display:flex; justify-content:space-around; margin-top:4px; background-image:url(/english/departaments/imagens/ccpg_editais_separador.png); background-position:center; background-repeat:repeat-y; } #ccpg_menu_cursos_index .eng_ccpg_edital:link, #ccpg_menu_cursos_index .eng_ccpg_edital:visited, #ccpg_menu_cursos_index .eng_ccpg_edital_desativado { display:block; float:left; width:22px; height:22px; padding:0; } #ccpg_menu_cursos_index .eng_ccpg_edital:link, #ccpg_menu_cursos_index .eng_ccpg_edital:visited { background-color:#FFF; background-image:url(/english/imagens/ico_eng_download.png); background-size:15px 15px; background-position:center; background-repeat: no-repeat; transition:background-color 0.3s; } #ccpg_menu_cursos_index .eng_ccpg_edital:hover { background-color:#DED1A3; } #ccpg_menu_cursos_index sup { font-size:9px; } .ccpg_quadro_contato { background:#F2F1E9; padding: 12px; float:right; margin:10px 0 30px 30px; width:210px; color:#666; overflow: auto;} .ccpg_quadro_contato p:last-child { margin-bottom:0; } .ccpg_quadro_contato_moreinfo { margin:-12px -12px 0 -12px; padding:8px 12px 8px 12px; background:#E2DFD1; color:#2F5C8F; font-weight:bold; font-size:15px; } @media (min-width:870px) { .ccpg_menu_cursos .ccpg_quadro_contato { display:flex; justify-content:space-between; } .ccpg_menu_cursos .ccpg_quadro_contato { width:74%; } .ccpg_menu_cursos .ccpg_quadro_contato { width:22%; } /* fecha @media (min-width:870px) */ } @media (max-width:869px) { .ccpg_menu_cursos .ccpg_quadro_contato { display:block; } .ccpg_menu_cursos .ccpg_quadro_contato { margin-bottom:15px; } /* fecha @media (max-width:869px) */ } .ccpg_fonte_tachado { text-decoration: line-through; color: #666; }