/* 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 ----- */ #ccpg header h1 { color:#666666; } /* ----- CAMINHO / BREADCRUMB ----- */ #ccpg header nav a:link, #ccpg header nav a:visited { color:#AAA; } #ccpg header nav a:hover { color:#555; } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #ccpg header #puc_menu_vazio { background:#E5E5E5; } /* ----- MENU VAZIO (LINHA) ----- */ /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #ccpg header #puc_menu_faixa { background:#ACC18F; } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #ccpg header #menu span { background:rgba(0,0,0,0); } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #ccpg header #menu { margin:1px 10px 0 10px; } #ccpg header #menu span { top:0; margin-top:-1px; } #ccpg header #menu a:link, #ccpg header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #ccpg header #menu a:link, #ccpg header #menu a:visited, #ccpg header #menu .puc_menu_submenu_linkmestre { color:#FFF; } /* mouse over */ #ccpg header #menu a:hover, #ccpg header #menu .puc_menu_submenu_linkmestre:hover, #ccpg 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 */ #ccpg header #menu a:link, #ccpg header #menu a:visited, #ccpg header #menu .puc_menu_submenu_linkmestre { color:#07345B; background:#E3E8EE; border-color:#7CA2B5; } /* mouse over */ #ccpg header #menu a:hover, #ccpg header #menu .puc_menu_submenu_linkmestre:hover, #ccpg 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" ----- */ #ccpg header button { color:#FFF; background:#7CA2B5; background-image:url(http://www.puc-rio.br/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat; } /* ----- SUBMENU DESKTOP ----- */ @media (min-width:1140px) { #ccpg header #menu .puc_menu_submenu_links a:link, #ccpg header #menu .puc_menu_submenu_links a:visited { background:#043458; color:#97D3FF; } #ccpg header #menu .puc_menu_submenu_links a:hover { color:#0092FF; background:#18496E; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #ccpg header #menu .puc_menu_submenu_links a:link, #ccpg header #menu .puc_menu_submenu_links a:visited { border-bottom:1px solid #467288; background:#5B7D96; color:#97D3FF; } #ccpg header #menu .puc_menu_submenu_links a:hover { background:#7391A7; color:#0092FF; } /* fecha @media (max-width:1139px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #ccpg section { border-bottom-color:#DDDDDD; } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ /*#ccpg h1 { color:#666666; } #ccpg h2 { color:#848d95; } #ccpg h3 { color:#a05e1a; } #ccpg h4 { color:#dc8d00; } #ccpg h5 { color:#dc8d00; }*/ /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #ccpg section .puc_texto_destaque_em_quadro_centro, #ccpg section .puc_texto_destaque_em_quadro_esquerda, #ccpg section .puc_texto_destaque_em_quadro_direita { background:#D9E9EB; color:#2B7587; } /* ----- LINKS (GERAL) ----- */ #ccpg a:link, #ccpg a:visited { color:#56939C; color:#005561; } #ccpg a:hover { color:#D98C14; } /* ----- LINK VOLTAR #ccpg section article button.puc_link_voltar_TAG-BUTTON { color:#C28532; background:#E4D2AD; } #ccpg section article button.puc_link_voltar_TAG-BUTTON:hover { color:#E4D2AD; background:#C28532; }----- */ /* ----- LINK DESTAQUE ----- */ #ccpg section article a.puc_link_destaque_TAG-A:link, #ccpg section article a.puc_link_destaque_TAG-A:visited, #ccpg section article a.puc_link_destaque_centralizado_TAG-A:link, #ccpg section article a.puc_link_destaque_centralizado_TAG-A:visited {background:#d3a147; color:#043458; color:#FFF; } #ccpg section article a.puc_link_destaque_TAG-A:hover, #ccpg section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#b58226; color:#FFFFFF; } /* ----- LINK DE PAGINAÇÃO ----- */ #ccpg section article .puc_link_paginacao_anterior_TAG-A:link, #ccpg section article .puc_link_paginacao_anterior_TAG-A:visited, #ccpg section article .puc_link_paginacao_proximo_TAG-A:link, #ccpg section article .puc_link_paginacao_proximo_TAG-A:visited { color:#1A73A0; } #ccpg section article .puc_link_paginacao_anterior_TAG-A:hover, #ccpg section article .puc_link_paginacao_proximo_TAG-A:hover { color:#09AEFF; } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #ccpg section article .puc_imagem_galeria a:link, #ccpg section article .puc_imagem_galeria a:visited { background:#DDDDDD; } #ccpg section article .puc_imagem_galeria a:hover { background:#EEEEEE; } /* legenda dos thumbnails */ #ccpg section article .puc_imagem_galeria a:link .puc_texto_menor, #ccpg section article .puc_imagem_galeria a:visited .puc_texto_menor, #ccpg section article .puc_imagem_galeria a figure { color:#666666; } #ccpg section article .puc_imagem_galeria a:hover .puc_texto_menor, #ccpg section article .puc_imagem_galeria a:hover figure { color:#666666; } /* ----- TABELA ----- */ /* bordas da tabela */ #ccpg section article .puc_tabela_padrao_TAG-TABLE, #ccpg section article .puc_tabela_padrao_TAG-TABLE td { border-color:#CCC; } /* linhas para tabela */ #ccpg section article .puc_tabela_linha_n1_TAG-TR { background:#783810 !important; color:#FFFFFF !important; } #ccpg section article .puc_tabela_linha_n2_TAG-TR { background:#F9CD87 !important; color:#7d4d00; } #ccpg section article .puc_tabela_linha_n3_TAG-TR { background:#e8d8b8 !important; color:#1A1A1A !important; } #ccpg section article .puc_tabela_linha_clara_TAG-TR { background:#F5F5F5; } #ccpg section article .puc_tabela_linha_escura_TAG-TR { background:#E5E5E5; } #ccpg section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#F5F5F5; } #ccpg section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#E5E5E5; } /* ----- LINHA HORIZONTAL ----- */ #ccpg hr { color:#CCC; } /* ----- LISTAS ----- */ /* bullet */ #ccpg ul li::before { color:#9EC9CD; } /* lista destaque */ #ccpg section .puc_lista_especial_TAG-UL li::before, #ccpg section .puc_lista_especial_item_unico_TAG-LI::before { color:#2B7587; } #ccpg section .puc_lista_especial_TAG-UL li, #ccpg section .puc_lista_especial_item_unico_TAG-LI { color:#2B7587; } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #ccpg article form { background:#EEE; } /* campos de preenchimento */ #ccpg article form input[type=text], #ccpg article form input[type=password], #ccpg article form input[type=file], #ccpg article form textarea, #ccpg article form select { background:#FFF; border-color:#CCC; } /* botão "enviar" */ #ccpg article form input[type=submit] { background:#DC8D00; color:#FFFFFF; } #ccpg article form input[type=submit]:hover { background:#8E6D4B; color:#FFFFFF; cursor:pointer; } /* ----- PLAYER DE ÁUDIO ----- */ #ccpg section div.puc_player_audio_TAG-DIV { background:#B4CFE3; } #ccpg section div.puc_player_audio_TAG-DIV:hover { background:#81BFE7; } /* ----- LINKS REDES SOCIAIS ----- */ #ccpg div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #ccpg section aside .puc_texto_coluna-lateral_titulo { color:#dc8d00; } /* ----- BANNER DE TEXTO ----- */ #ccpg section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#E3E8EE; } /* ----- BANNER DE LINK ----- */ #ccpg section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #ccpg section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#043458; background:#B4CFE3; } #ccpg 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" */ #banners_lateral { margin-top:35px; } #banners_lateral a:link, #banners_lateral a:visited, #banners_mobile a:link, #banners_mobile a:visited { display:block; margin:0 auto 20px auto; text-align:center; /* width:220px; max-width:100%; */ } #banners_lateral a:hover {} #banners_mobile { margin-bottom:45px; } /* =============== INDEX ========================== */ /* ----- MENU VERTICAL ----- */ /* ----- CORPO ----- */ #ccpg #ccpg_menu_all { align-items:flex-start; font-weight:300; } #ccpg .ccpg_menu_1 { background:#d3a147; font-size:1.03em; padding:9px; box-sizing:border-box; margin-bottom: 30px} #ccpg .ccpg_menu_1 a:link, #ccpg .ccpg_menu_1 a:visited { display:block; font-size:1.35em; padding:8px; color:#FFF !important; background-color: transparent; transition:background 0.3s; border-top:1px solid #f5c773} #ccpg .ccpg_menu_1 a:hover { text-decoration:none; background-color: #b58226 !important; } #ccpg .ccpg_menu_1 a:first-child{ border-top: 1px solid #d3a147 } #ccpg .ccpg_menu_2 { background:#d3a147; background:#EEE; font-size:0.9em; padding:9px; box-sizing:border-box; margin-bottom: 30px} #ccpg .ccpg_menu_2 a:link, #ccpg .ccpg_menu_2 a:visited { display:block; font-size:1.25em; padding:8px; color:#666 !important; color:#444 !important; background-color: transparent; transition:background 0.3s; } #ccpg .ccpg_menu_2 a:hover { text-decoration:none; background-color: #8e6d4b !important; color:#FFF !important; } /* ----- TÍTULO ----- */ #ccpg .ccpg_index_menu{ display:block; width:268px; margin:0 auto -8px -9px; text-align:center; background:#808080; color:#FFF !important; padding:8px 0 8px 0; font-size:1.1em; transform:rotate(1.5deg); text-decoration:none; transition:transform 0.3s, background 0.3s; position: relative; border-radius: 4px; font-weight: 500; text-transform: uppercase;} #ccpg .ccpg_index_menu span { background: #23795d; } #ccpg .ccpg_index_menu span { display: block; position: absolute; bottom: 5px; left: 8px; width: 8px; height: 8px; background: white; border-radius: 4px; } #ccpg .ccpg_index_menu_normal{ display:block; background:#8e6d4b; padding:8px; text-decoration:none; position: relative; border-radius: 4px 4px 0 0; text-transform: uppercase;} #ccpg .ccpg_index_menu_normal h5 { padding: 0; margin: 5px 0; color:#fff} /* ----- TÍTILO SEM CORPO ----- */ ul.ccpg_menu_2{ padding: 0; margin: 0; font-size: 1.1em; } ul.ccpg_menu_2 li{ position: relative; display: block; padding: .4em .4em .4em .8em; *padding: .4em; margin: .5em 0 .5em 1em; text-decoration: none; } ul.ccpg_menu_2 li:before{ position: absolute; left: -38px; top: 50%; margin: 0; margin-top: -1.2em; background: #d3a147; /*cor de fundo dos números*/ height: 2.5em; width: 2em; line-height: 2em; text-align: center; font-weight: bold; color:#d3a147 !important; } ul.ccpg_menu_2 li:after{ position: absolute; content: ''; left: -4px; margin-top: -.6em; top: 50%; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:8px solid #afb434; /* cor de fundo da seta*/ } ul.ccpg_menu_2 li:after{ position: absolute; content: ''; left: -9px; margin-top: -.5em; top: 50%; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:8px solid #d3a147; /* cor de fundo da seta*/ transition:linear 0.3s } ul.ccpg_menu_3{ padding: 0; margin: 0; font-size: 1.1em; } ul.ccpg_menu_3 li{ position: relative; display: block; padding: .4em .4em .4em .8em; *padding: .4em; margin: .5em 0 .5em 1em; text-decoration: none; } ul.ccpg_menu_3 li:before{ position: absolute; left: -38px; top: 50%; margin: 0; margin-top: -1.2em; background: #dc8d00; /*cor de fundo dos números*/ height: 2.5em; width: 2em; line-height: 2em; text-align: center; font-weight: bold; color:#dc8d00 !important; } ul.ccpg_menu_3 li:after{ position: absolute; content: ''; left: -4px; margin-top: -.6em; top: 50%; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:8px solid #afb434; /* cor de fundo da seta*/ } ul.ccpg_menu_3 li:after{ position: absolute; content: ''; left: -9px; margin-top: -.5em; top: 50%; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:8px solid #dc8d00; /* cor de fundo da seta*/ transition:linear 0.3s } /* =============== TODAS AS PÁGINAS =============== */ #ccpg #ccg_floater_busca_ementa { background: #F0A52F; padding: 7px; text-align: center; font: 1.1em Roboto; color: #FFF; position: -webkit-sticky; position: sticky; top: 0; float: right; box-sizing: border-box; z-index: 1 } #ccpg #ccg_floater_busca_ementa input[type=image] { border: 0; position: absolute; right: 2px; bottom: 2px; width: 16px; height: 16px; } #ccpg #ccg_floater_busca_ementa input[type=text] { padding: 4px 32px 4px 4px; box-sizing: border-box; border: 0; width: 100%; font-size: 0.8em; } #ccpg #ccg_floater_busca_ementa form { padding: 0; background: none; margin-top: 0; position: relative; } #ccgp #ccg_floater_busca_ementa input { margin-top: 0; } #ccpg .ccpg_quadro_lateral hr { margin: 15px 0 15px 0; } #ccpg .puc_tabela_padrao_TAG-TABLE.cursosccpg, #ccpg .puc_tabela_padrao_TAG-TABLE.cursosccpg_col-livres, #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_bolsas-ic, #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic, #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic_docs { width:800px; max-width:100%; text-align:center; } /* ----- CURSOS CCPG ----- */ #ccpg .puc_tabela_padrao_TAG-TABLE.cursosccpg td, #ccpg .puc_tabela_padrao_TAG-TABLE.cursosccpg_col-livres td { font-weight:bold; } #ccpg .puc_tabela_padrao_TAG-TABLE.cursosccpg tr:first-child td, #ccpg .puc_tabela_padrao_TAG-TABLE.cursosccpg_col-livres tr:first-child td { background:#F9CD87; color:#BC7505; font-weight:bold !important; } #ccpg .puc_tabela_padrao_TAG-TABLE.cursosccpg tr td:nth-last-child(2) { width:70%; text-align:left; font-weight:normal; } #ccpg .puc_tabela_padrao_TAG-TABLE.cursosccpg tr td:last-child { width:12%; font-weight:normal; } #ccpg .puc_tabela_padrao_TAG-TABLE.cursosccpg_col-livres tr td { font-weight:normal; } /* ----- IC - BOLSAS E CALENDARIO ----- */ #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_bolsas-ic, #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_bolsas-ic td { border-color:#FFFFFF; background:#EEEEEE; } /* BOLSAS */ #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_bolsas-ic tr:first-child td:last-child { background:#DDDDDD !important; color:#A05E1A; font-weight:bold; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_bolsas-ic tr:first-child td:first-child { background:#FFFFFF; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_bolsas-ic tr:nth-child(2) td, #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_bolsas-ic tr:last-child td { background:#DC8D00; color:#FFFFFF; font-weight:bold; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_bolsas-ic tr:last-child td { border-top:25px solid #FFFFFF; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_bolsas-ic tr td:first-child { text-align:left; font-weight:bold; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_bolsas-ic tr:nth-child(2) td:first-child { text-align:center !important; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_bolsas-ic td[colspan='6'], #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_bolsas-ic td[colspan='5'], #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_bolsas-ic td[colspan='4'] { text-align:center !important; background:#F9CD87; color:#BC7505; border-top:25px solid #FFFFFF; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_bolsas-ic .puc_tabela_linha_escura_TAG-TR td { background:#DDDDDD; font-weight:bold; } /* CALENDÁRIOS */ #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic tr:first-child td { border-top-width:0; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic tr td:first-child { text-align:left; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic tr td:nth-child(2) { font-weight:bold; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic td[colspan='3'] { text-align:center !important; background:#DC8D00; color:#FFFFFF; font-weight:bold; border-top:25px solid #FFFFFF; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic .puc_tabela_linha_escura_TAG-TR td { text-align:center !important; background:#F9CD87; color:#BC7505; font-weight:bold; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic, #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic td, #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic_docs, #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic_docs td { border-color:#FFFFFF; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic_docs tr:first-child td:last-child { background:#DC8D00; color:#FFFFFF; font-weight:bold; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic_docs tr:nth-child(2) td, #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic_docs tr td:nth-last-child(4) { background:#F9CD87; color:#BC7505; font-weight:bold; } #ccpg .puc_tabela_padrao_TAG-TABLE.ccpg_tabela_calendarios-ic_docs tr td:nth-last-child(5) { background:#FDE6BF; font-weight:bold; font-size:0.85em; } /* ----- Mestrado Profissional - menu index ----*/ #ccpg #ccpg_grupos.puc_layout_coluna_3cols_nivelador{font-size: 1.4em;} /* Estilo para links de cursos */ #ccpg a.cursos:link, #ccpg a.cursos:visited { display: block; position: relative; margin-bottom: 30px; color: #000000; transition: 0.3s all; line-height: 1.2em; font-size: 1.5em !important; font-weight: 300; text-decoration: none; } /* Estilo para links de cursos ao passar o mouse */ #ccpg a.cursos:hover { margin: -15px 0 45px 0; text-decoration: none; } /* Estilo para os cartões de cursos */ #ccpg a.cursos .cards { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; height: 100%; box-sizing: border-box; border-radius: 3px; min-height: 305px; position: relative; background-position: 0; background-size: cover; background-repeat: no-repeat; background-color: #ccc; } /* Texto dentro dos cartões */ #ccpg a.cursos .cards .texto { text-align: left; width: 100%; color: #fff; box-sizing: border-box; position: absolute; bottom: 0; left: 0; padding: 16px 30px 25px 30px; text-shadow: 2px 2px 2px rgba(17, 17, 17, 0.3); } /* Background específico para cada curso */ #ccpg a.cursos .cards.curso_adm { background-image: url("imagens/banner_mestrado_profissional_adm_m.png"); } #ccpg a.cursos .cards.curso_analise_e_gestao_de_politicas { background-image: url("imagens/banner_mestrado_profissional_gestao_politica_m.png"); } #ccpg a.cursos .cards.curso_ciencia { background-image: url("imagens/banner_mestrado_profissional_ciencia_sustentabilidade_m.png"); } #ccpg a.cursos .cards.curso_direito { background-image: url("imagens/banner_mestrado_profissional_direitocivil_m.jpg"); } #ccpg a.cursos .cards.curso_macroeconomia { background-image: url("imagens/banner_mestrado_profissional_macroeconomiaefinancas_m.jpg"); } #ccpg a.cursos .cards.curso_eng_ambiental { background-image: url("imagens/banner_mestrado_profissional_eng_urbana_m.jpg"); } #ccpg a.cursos .cards.curso_logistica { background-image: url("imagens/banner_mestrado_profissional_logistica_m.png"); } /* Gradiente de fundo nos cartões */ #ccpg a.cursos .cards .background-gradient { background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(34,193,195,0) 100%); position: absolute; bottom: 0; left: 0; height: 50%; width: 100%; } /* Descritivo dos cursos */ #ccpg a.cursos .descritivo { display: block; font-size: 0.6em; font-weight: 400; line-height: 1em; background: #dbdbdb; text-align: center; padding: 0.7em; font-family: "Literata", serif; } #ccpg a.cursos .descritivo span.data_curso { color: #ff5500; font-weight: bold; } /* Status dos cursos */ #ccpg a.cursos .cards .status_curso { display: flex; flex-direction: column; padding: 10px; width: 100%; box-sizing: border-box; } #ccpg a.cursos .cards .status_curso .status_background { padding: 0px 7px 2px 6px; background-color: #ff5500; border-radius: 5px; width: fit-content; } #ccpg a.cursos .cards .status_curso .status_background span.status_texto { color: #FFFFFF; font-family: "Literata", Sans-serif; font-size: 0.6em; font-weight: 400; } /* Estilo para retirar o clique quando não tiver curso */ #ccpg a.cursos.sem_curso{ pointer-events: none } /* Estilo responsivo para telas menores */ @media (max-width: 749px) { .puc_layout_coluna_3cols_nivelador { display: flex; margin-bottom: 30px; flex-direction: column; } } /* Estilo para cartões em linha */ #ccpg .card.linha {} /* Estilo responsivo para telas maiores */ @media (min-width: 620px) { #ccpg .card.linha { min-height: 170px; } } /* Estilo responsivo para telas menores */ @media (max-width: 619px) { #ccpg .card.linha { min-height: inherit; } } /* ----- Mestrado Profissional - Menu Cursos -----*/ #ccpg .ccpg_menu_lista{ font-size: 1.2em; display: flex; justify-content: space-around; flex-wrap: wrap; margin: .5em 0; padding: 0 } @media (max-width:619px) { #ccpg .ccpg_menu_lista{ flex-direction: column } /* fecha @media (max-width:619px) */ } #ccpg .ccpg_menu_lista li{margin: 0} #ccpg .ccpg_menu_lista lli:hover{border-bottom: 15px solid #dc8d00;} #ccpg .ccpg_menu_lista li::before{content: none} #ccpg .ccpg_menu_lista li a { text-transform: uppercase; text-decoration: none; /**letter-spacing: 0.15em;**/ display: inline-block; padding: .5em; position: relative; } @media (max-width:619px) { #ccpg .ccpg_menu_lista li a { padding: 1em; } } #ccpg .ccpg_menu_lista li a:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 2px; left: 50%; position: absolute; background: #ccc; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } #ccpg .ccpg_menu_lista li a:hover:after { width: 100%; left: 0; } /* ----- Mestrado Profissional - botao destaque -----*/ .ccpg_box_content{max-width: 800px; width: 100%; height: auto; min-height: 50px; margin: 0 auto; position: relative; padding: 2em 0} a.puc_link_destaque_TAG-A:link, a.puc_link_destaque_TAG-A:visited, a.puc_link_destaque_centralizado_TAG-A:link, a.puc_link_destaque_centralizado_TAG-A:visited { padding: 30px; font-size: 1.4em; border-radius: 50px; width: fit-content; max-width: none; text-transform:uppercase; font-family: 'Open Sans', Geneva, sans-serif; } /* ----- btn arquivo ccpg ----- */ #ccpg .ccpg_flex-container { display: flex; } #ccpg .ccpg_flex-container > img, #ccpg .ccpg_flex-container > span{ align-self: center; } #ccpg .ccpg_flex-container > img{ height: 50px; margin-right: 5px; transition: transform .2s ease; border-radius: 15px; } #ccpg .ccpg_flex-container:hover > img{ transform: scale(1.2); } /* ----- CAIXA ----- */ #ccpg .caixa { background: #EEEEEE; padding: 15px; box-sizing: border-box; position: relative; margin-bottom: 30px; border: 1px solid #dbd7d0 } #ccpg .link a { padding: 1px; display: block } #ccpg .caixa h5, #ccpg .caixa h4, #ccpg .caixa h3, #ccpg .caixa h2, #ccpg .caixa h1{ margin: 1px 0 0 0; } /* ----- TÍTULO ----- */ #ccpg h1.border, #ccpg h2.border, #ccpg h3.border, #ccpg h4.border, #ccpg h5.border { border-bottom: 1px dotted #999; } /* ----- MENU CAIXA ----- */ .ccpg_link { display: flex; justify-content: center; margin:0 -10px 0 -10px; } .ccpg_link a:link, .ccpg_link a:visited { flex-grow:1; text-align: center; padding:10px; margin: 10px; width:210px; font-weight:bold; background:#a05e1a; color:#FFF !important; box-shadow:0px 0px 0px rgba(0,0,0,0); box-sizing:border-box; transition:background 0.3s, color 0.3s, transform 0.3s, box-shadow 0.3s; } .ccpg_link a:hover { background:#8e6d4b /* #CDCEE8 */; color:#FFFFFF !important; text-decoration:none; transform:scale(1.2); box-shadow:0px 0px 15px rgba(0,0,0,0.2); } @media (max-width:490px) { #ccpg.admin .ccpg_link { display: inherit; } #ccpg .ccpg_link a:link, #ccpg .ccpg_link a:visited { display: block } } /* -------- DOWNLOAD --------- */ .ccpg_download{display: flex; align-items:center; color: #C28532 !important; background: #E4D2AD; font:1em Verdana, Geneva, sans-serif; font-weight: bold; padding: 7px 8px 7px 8px; transition: all 0.3s; text-decoration: none !important} .ccpg_download:hover { color:#E4D2AD !important; background:#C28532; } .ccpg_download img{width: 22px; height: 22px; /*flex-basis: 38px; flex-basis: 0;*/ flex-shrink: 0; margin-right: 10px;} #ccpg_download_table table, #ccpg_download_table table td, #ccpg_download_table table th{ border-color:transparent !important; } #ccpg_download_table table{ border-collapse: separate; border-spacing: 5px; } #ccpg_download_table td{ background: #EEE; } #ccpg_download_table th{ background: #783810; color:aliceblue } /*----- mobile -----*/ @media (max-width:470px) { #ccpg_download_table table{width: 100%} #ccpg_download_table table tr td:first-child{padding-top: 12px;} #ccpg_download_table table, #ccpg_download_table table td{ border-color:transparent !important; } #ccpg_download_table table{ border-collapse: separate; border-spacing: 10px; } #ccpg_download_table td, #ccpg_download_table th:not(.table_desktop){ display: block; } #ccpg_download_table th.table_desktop { float:left; width: 50% !important } #ccpg_download_table tr td, #ccpg_download_table tr th{ /*height: 55px !important;*/ } #ccpg_download_table tr th strong, #ccpg_download_table tr th{ display:flex; align-items:center; justify-content: center; } #ccpg_download_table tr th strong{ height: 100% } #ccpg_download_table a:link, #ccpg_download_table a:visited { justify-content: center; text-align: center }} ul.ccpg_noticia_scroll{padding: 0; margin: 0; list-style: none} ul.ccpg_noticia_scroll li{border-left: 3px solid #dc8d00; padding: 0 0 0 3px; margin-bottom: 55px;} ul.ccpg_noticia_scroll li a h5{color: #56939C !important; margin-bottom: .5em;} ul.ccpg_noticia_scroll li a:hover h5{color: #dc8d00 !important} ul.ccpg_noticia_scroll li::before { content: none; } ul.ccpg_noticia_scroll li em{border-left:3px solid #e4d2ad; margin-left: -6px; padding: 5px; color: #848d95; font-weight: bold} .iframe_noticias{ border: 3px solid #dc8d00; border-width: 3px 0 3px 0;} .ccpg_fonte_tachado { text-decoration: line-through; color: #666; } /* =============== PIBIC / PIBITI =============== */ #ccpg_pibi_quadro_noticias { align-self:flex-start; margin:17px 0 0 5px; padding:20px 10px 10px 0; box-sizing:border-box; background:#9EC9CD; transform:rotate(1.5deg); } #ccpg_pibi_quadro_noticias_inner { background:#FFE3B2; padding:15px; margin:-30px 0 0 -5px; padding-bottom:1px; transform:rotate(-1.5deg); } #ccpg_pibi_quadro_noticias h5 { background:#DC8D00; padding:12px 15px 12px 15px; margin:-15px -15px 15px -15px; color:#FFFFFF; } #ccpg_pibi_quadro_noticias p::before { content:"✓"; float:left; height:100%; width:18px; color:#DC8D00; font-size:1.3em; font-weight:bold; } /* ===================================================== */ .ccpg_select { font-family:Verdana; padding:3px 4px 4px 4px; margin-top: 7px; background:#BFDFE2; border:0; } #conteudo_seminario div, #conteudo_seminario_atual div { background:#E1EEEF; border:3px solid #BFDFE2; padding:15px; } #conteudo_seminario h5, #conteudo_seminario_atual h5 { color:#005561; margin:0; }