@charset "utf-8"; /* CSS Document */ body { font-size: 0.9em; } /* ======================================================================================= FONTES === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* FONTES PUC 'Roboto' Opções de font-weight: 100 / 300 / 400 / 500 / 700 / 900 'Roboto Condensed' Opções de font-weight: 300 / 400 / p700 */ @import url('https://fonts.googleapis.com/css2?family=Bellota+Text:wght@300;400;700&display=swap'); /* ========================================================================== 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. */ /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #calouros h1 { color:#FFFFFF; } #calouros h2 { color:#F4A100; } #calouros h3 { color:#F4A100; } #calouros h4 { color:#F4A100; } #calouros h5 { color:#F4A100; } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #calouros section .puc_texto_destaque_em_quadro_centro, #calouros section .puc_texto_destaque_em_quadro_esquerda, #calouros section .puc_texto_destaque_em_quadro_direita { background:#CCE5F7; color:#444444; } /* ----- LINKS (GERAL) ----- */ #calouros a:link, #calouros a:visited { color:#F4A100; } #calouros a:hover { color:#FFCC00; } /* ----- LINK VOLTAR ----- */ #calouros section article button.puc_link_voltar_TAG-BUTTON { color:#FFFFFF; background:#F4A100; } #calouros section article button.puc_link_voltar_TAG-BUTTON:hover { color:#504C83; background:#FFCC00; } /* ----- LINK DESTAQUE ----- */ #calouros section article a.puc_link_destaque_TAG-A:link, #calouros section article a.puc_link_destaque_TAG-A:visited, #calouros section article a.puc_link_destaque_centralizado_TAG-A:link, #calouros section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#999999; color:#FFFFFF; } #calouros section article a.puc_link_destaque_TAG-A:hover, #calouros section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#666666; color:#FFFFFF; } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #calouros section article .puc_imagem_galeria a:link, #calouros section article .puc_imagem_galeria a:visited { background:#EEEEEE; } #calouros section article .puc_imagem_galeria a:hover { background:#DDDDDD; } /* legenda dos thumbnails */ #calouros section article .puc_imagem_galeria a:link .puc_texto_menor, #calouros section article .puc_imagem_galeria a:visited .puc_texto_menor, #calouros section article .puc_imagem_galeria a figure { color:#777777; } #calouros section article .puc_imagem_galeria a:hover .puc_texto_menor, #calouros section article .puc_imagem_galeria a:hover figure { color:#666666; } /* ----- LINHA HORIZONTAL ----- */ #calouros hr { color:#CCC; } /* ----- LISTAS ----- */ /* bullet */ #calouros ul li::before { color:#AAAAAA; } /* lista destaque */ #calouros section .puc_lista_especial_TAG-UL li::before, #calouros section .puc_lista_especial_item_unico_TAG-LI::before { color:#333333; } #calouros section .puc_lista_especial_TAG-UL li, #calouros section .puc_lista_especial_item_unico_TAG-LI { color:#333333; } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #calouros article form { background:#F5F5F5; } /* campos de preenchimento */ #calouros article form input[type=text], #calouros article form input[type=password], #calouros article form input[type=file], #calouros article form textarea, #calouros article form select { background:#FFF; border:0; } /* botão "enviar" */ #calouros article form input[type=submit] { background:#6D7DAC; color:#FFFFFF; font-family:'Roboto'; padding:8px 12px 8px 12px; } #calouros article form input[type=submit]:hover { background:#E29500; color:#FFFFFF; cursor:pointer; } /* ----- PLAYER DE ÁUDIO ----- */ #calouros section div.puc_player_audio_TAG-DIV { background:#E8E8E8; } #calouros section div.puc_player_audio_TAG-DIV:hover { background:#CCCCCC; } /* ----- LINKS REDES SOCIAIS ----- */ #calouros div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* ========================================================================== 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" */ /* ----- EFEITO APARECER/SUMIR ----- */ .dar_item_menu, #dar_procedimentos_todos_os_links a, #dar_procedimentos_todos_os_links p { overflow:hidden; transition:transform 0.3s, opacity 0.3s, max-height 0.3s, color 0.3s; transform-origin:top; } .dar_efeito_sumir, #dar_procedimentos_todos_os_links p, #dar_procedimentos_todos_os_links h3 { opacity:0; margin:0; padding:0; max-height:0; box-sizing:border-box; } .dar_efeito_aparecer { opacity:1; transform:scaleY(1); max-height:1000px; } /* ----- CALOUROS > LAYOUT ----- */ body.puc_layout_expandido_TAG-BODY .puc_layout_expandido_item_unico { width:106.4% !important; max-width:106.4% !important; margin:0 -3.2% 0 -3.2% !important; padding:0 !important; } #calouros header, #calouros article { margin-bottom:0; } #cal_faixa_intro .puc_layout_area-inicial_nivelador { margin-bottom:0; padding:25px 0 30px 0; position:relative; z-index:100; } #cal_faixa_intro .puc_layout_area-inicial_esquerda { margin:0 3% 0 3%; } #cal_faixa_intro .puc_layout_area-inicial_direita { margin:0 3% 0 0; font-size:1.22em; font-weight:500; padding-top:370px; } @media (max-width:749px) { #cal_faixa_intro .puc_layout_area-inicial_nivelador { padding-top:10px; } #cal_faixa_intro .puc_layout_area-inicial_direita { margin:0 3% 0 3%; padding-top:30px; } } /* ----- IMAGEM ILUSTRATIVA DO TOPO ----- */ #cal_img_ilustrativa { width:50%; display:flex; align-items:flex-end; max-width:640px; max-height:430px; position:absolute; right:0; top:50px; z-index:1; } @media (max-width:749px) { #cal_img_ilustrativa { display:none; visibility:hidden; width:0; height:0; } } #cal_img_ilustrativa_inner { position:relative; overflow:hidden; width:100%; height:100%; padding-top:67.1875%; } #cal_img_ilustrativa img { position:absolute; max-width:none; height:100%; top:50%; right:0; margin-top:-33.59375%; } @keyframes animaimagem { 0% { opacity:1; right:0; } 80% { opacity:1; } 100% { opacity:0; right:-14.6875%; } } @keyframes animaimagemlast { 0% { right:0; } 100% { right:-14.6875%; } } #cal_img_ilustrativa img:nth-child(2), #cal_img_ilustrativa img:nth-child(3), #cal_img_ilustrativa img:nth-child(4), #cal_img_ilustrativa img:nth-child(5) { height:88.37%; animation-duration:10s; animation-iteration-count:1; } #cal_img_ilustrativa img:nth-child(2), #cal_img_ilustrativa img:nth-child(3), #cal_img_ilustrativa img:nth-child(4) { animation-name:animaimagem; animation-timing-function:linear; opacity:0; } #cal_img_ilustrativa img:nth-child(2) { animation-delay:0s; } #cal_img_ilustrativa img:nth-child(3) { animation-delay:8s; } #cal_img_ilustrativa img:nth-child(4) { animation-delay:16s; } #cal_img_ilustrativa img:nth-child(5) { animation-delay:24s; animation-name:animaimagemlast; animation-timing-function:ease-out; opacity:1; right:-14.6875%; } /* ----- COLUNA ESQUERDA > INTRO ----- */ #calouros #cal_faixa_intro { background:#5C6D9F; color:#FFFFFF; font-family:'Roboto'; } #cal_brasao_ttl { display:flex; align-items:center; box-sizing:border-box; padding-right:50px; } #cal_brasao_ttl a { margin-right:30px; width:120px; flex-shrink:0; } #cal_brasao_ttl h1, #cal_brasao_ttl h2 { margin:0; } #cal_brasao_ttl h1 { margin-bottom:10px; font:2.5em 'Bellota Text'; line-height:1em; font-weight:400; color:#FFB62C; } #cal_brasao_ttl h2 { font:4.8em 'Bellota Text'; line-height:1em; font-weight:700; color:#B7DFFF; } @media (max-width:749px) { #cal_brasao_ttl { padding-right:0; } #cal_brasao_ttl a { width:70px; margin-right:15px; } #cal_brasao_ttl h1 { font:1.5em 'Bellota Text'; line-height:1em; margin-bottom:7px; } #cal_brasao_ttl h2 { font:2.6em 'Bellota Text'; line-height:1em; } } #cal_quadro_intro { box-sizing:border-box; padding:10px 15px 12px 4.91%; margin:25px 0 25px -4.91%; color:#FFFFFF; background:#7987B0 /* #F4A100 */; font-size:1.3em; line-height:1.4em; z-index:10; } @media (max-width:749px) { #cal_quadro_intro { padding:6px 9px 8px 9px; margin:10px 0 13px 0; max-width:100%; font-size:1.2em; line-height:1.2em; } } #cal_quadro_intro2 { box-sizing:border-box; padding:0 15px 0 0; margin:25px 0 25px 0; font-size:1.3em; font-weight:400; line-height:1.4em; z-index:10; } @media (max-width:749px) { #cal_quadro_intro2 { padding:0 9px 0 9px; margin:10px 0 13px 0; max-width:100%; font-size:1.2em; line-height:1.2em; } } /* ----- COLUNA DIREITA > NORMAS ----- */ #cal_banner_rotativo { margin:20px 0 20px 0; } /* ----- COLUNA ESQUERDA > PASSO-A-PASSO ----- */ /* ----- texto "Preciso saber" ----- */ .dar_proc_precisosaber { padding-bottom:12px; font-size:2.1em; font-weight:700; line-height:1.05em; color:#FFD52D; } #dar_procedimentos_menu_passo-a-passo { margin:0; padding:0; position:relative; z-index:40; } #cal_icone_ajuda { position:absolute; top:-5px; right:35px; width:90px; z-index:10; } #dar_procedimentos_menu_passo-a-passo ul, #dar_procedimentos_menu_passo-a-passo li { margin:0; padding:0; } /* ----- lista mestre ----- */ #dar_procedimentos_menu_passo-a-passo li::before { content:''; } #dar_procedimentos_menu_passo-a-passo li { background:none; padding-left:0; transition:background 0.3s, transform 0.3s, width 0.3s, padding-left 0.3s; transform-origin:center left; box-sizing:border-box; width:100%; z-index:1; } #dar_procedimentos_menu_passo-a-passo li:hover { cursor:pointer; background:rgba(53,43,89,0.5); transform:scale(1.1); width:90.85%; padding-left:8px; } #dar_procedimentos_menu_passo-a-passo ul ul li:hover { width:88%; padding-left:23px; } /* ----- lista N1 e N2 ----- */ #dar_procedimentos_menu_passo-a-passo ul li { background:none; padding-left:0; display:flex; font-weight:500; } #dar_procedimentos_menu_passo-a-passo ul li::before { content:'⟶' !important; color:#F4A100 !important; padding-right:4px; margin:5px 0 0 0; } /* ----- lista N3 ----- */ #dar_procedimentos_menu_passo-a-passo ul ul li { background:none; padding-left:23px; font-weight:normal; } #dar_procedimentos_menu_passo-a-passo ul ul li::before { content:'⤷' !important; font:Arial; font-weight:normal; padding-right:0; margin:5px 0 0 0; width:5px; } /* ----- links e span ----- */ #dar_procedimentos_menu_passo-a-passo a:link, #dar_procedimentos_menu_passo-a-passo a:visited, #dar_procedimentos_menu_passo-a-passo span { padding:5px 8px 5px 8px; display:block; font-size:1.35em; flex-grow:1; } #dar_procedimentos_menu_passo-a-passo ul li a:link, #dar_procedimentos_menu_passo-a-passo ul li a:visited, #dar_procedimentos_menu_passo-a-passo ul li span { color:#FFFFFF !important; } #dar_procedimentos_menu_passo-a-passo ul ul li a:link, #dar_procedimentos_menu_passo-a-passo ul ul li a:visited { color:#FFB628 !important; } #dar_procedimentos_menu_passo-a-passo a:hover { text-decoration:none; } #dar_procedimentos_menu_passo-a-passo ul ul li a:hover { color:#FFCC00 !important; } /* ----- COLUNA DIREITA > NORMAS ----- */ #cal_normas_links {} #calouros #cal_normas_links h3 { padding:0 7px 7px 0; color:#B7DFFF; border-bottom:2px solid rgba(255,255,255,0.3); font:1.8em 'Bellota Text'; font-weight:700; line-height:1em; margin:0 0 20px 0; } #calouros #cal_normas_links h3::first-line { font-size:0.8em; } #cal_normas_links p { margin:0; } #cal_normas_links a:link, #cal_normas_links a:visited { display:flex; margin:0 0 15px 3px; color:#FFFFFF; transform-origin:center left; width:90%; transition:color 0.3s, background 0.3s, transform 0.3s; } #cal_normas_links a:hover { color:#FFDB74; transform:scale(1.1); text-decoration:none; } #cal_normas_links a::before { content:'✓'; color:#FFB628; font-size:1.8em; font-weight:bold; margin:0 3px 0 0; } /* ----- ÍNDICE DE NORMAS (DATA-LITY) ----- */ #dar_proc_filtro_topicos { padding:15px 20px 15px 20px; background:#FFFFFF; width:780px; max-width:calc(100% - 40px); height:100%; margin:auto; box-sizing:border-box; overflow-y:scroll; } .lity-container { height:calc(100% - 50px); } .lity-content { height:100%; } #dar_procedimentos_todos_os_links a, #dar_procedimentos_todos_os_links p { font:1.2em Roboto; } #dar_procedimentos_todos_os_links p { font:2em 'Roboto Condensed'; color:#E39600; padding:0 0 20px 0; } #dar_procedimentos_todos_os_links blockquote { margin:0 0 0 30px; padding:0; } #calouros #dar_proc_filtro_topicos a:link, #calouros #dar_proc_filtro_topicos a:visited { display:block; text-decoration:none; color:#4E649E; padding:5px; transition:color 0.3s, background 0.3s; } #calouros #dar_proc_filtro_topicos a:hover { color:#E39600; background:#E7F4FF; text-decoration:none !important; } #calouros a[href='/sobrepuc/depto/dar/procedimentos2.html#abandono_curso'] { display:none !important; visibility:hidden !important; padding:0 !important; margin:0 !important; } /* ----- BUSCA PUC ----- */ #dar_proc_buscapuc { display:block; padding-bottom:15px; } #dar_proc_buscapuc h4 { display:inline-block; font:1.1em 'Bellota Text'; font-weight:700; line-height:0.9em; color:#FFFFFF; padding:7px 10px 8px 8px; margin:7px 0 0 0; background:#F4A100; } #dar_proc_buscapuc form { margin:0; padding:0; position:relative; background:none !important; } #calouros #dar_proc_buscapuc input[type=text] { width:100%; box-sizing:border-box; padding:10px 40px 12px 12px; border:0; font:1.15em 'Roboto'; color:#FFFFFF; background:rgba(53,43,89,0.5); } #calouros #dar_proc_buscapuc input[type=text]:hover, #calouros #dar_proc_buscapuc input[type=text]:focus { background:rgba(53,43,89,0.6) !important; } #calouros #dar_proc_buscapuc input[type=button] { position:absolute; right:0; top:0; height:100%; margin:0; padding:0 0 8px 0 !important; width:40px; font-size:50px; font-weight:100; line-height:0; background:none; color:#FFB628; transition:color 0.3s; } #dar_proc_buscapuc input[type=button]:hover { color:#FFD321 !important; cursor:pointer; } /* ----- TÓPICOS MAIS ACESSADOS ----- */ #cal_topicos {} #cal_topicos h4 { display:inline-block; font:1.1em 'Bellota Text'; font-weight:700; line-height:0.9em; color:#FFFFFF; padding:7px 10px 8px 8px; margin:10px 0 10px 0; background:#F4A100; } #dar_procedimentos_menu_assunto a:link, #dar_procedimentos_menu_assunto a:visited { display:inline-block; box-sizing:border-box; padding:4px 8px 4px 8px; margin:0 8px 8px 0; border:0; font:0.9em 'Roboto'; color:#FFFFFF; background:rgba(53,43,89,0.5); transition:background 0.3s, color 0.3s; } #dar_procedimentos_menu_assunto a:hover { color:#494C7C; text-decoration:none; background:#B7DFFF; } /* ----- CALOUROS > FORMULÁRIO ----- */ #cal_faixa_form { padding-top:45px; } @media (max-width:790px) { #cal_faixa_form { padding:30px 0 280px 0; } } #cal_faixa_form h3 { margin:0 0 25px 0; text-align:center; font:3.4em 'Bellota Text'; font-weight:400; line-height:1.2em; color:#5C6D9F; } #cal_faixa_form h3::first-line { font-size:1.4em; font-weight:700; } @media (max-width:749px) { #cal_faixa_form h3 { font:2.5em 'Bellota Text'; line-height:1.2em; margin-bottom:18px; } #cal_faixa_form h3::first-line { font-size:1.4em; } } #calouros #dar_passo_contatoform { background:#FFB628; max-width:100%; width:500px; padding:12px; transform:rotate(1deg); font:1.2em 'Roboto'; color:#666666; position:relative; } #dar_passo_contatoform_outer { margin-left:-150px; display:flex; justify-content:center; } #dar_passo_contatoform_inner { background:#EEEEEE; padding:20px; outline:4px dashed #E29500; transform:rotate(-1deg); } @media (max-width:790px) { #calouros #dar_passo_contatoform { max-width:500px; width:70%; } #dar_passo_contatoform_inner { padding:14px; } #dar_passo_contatoform_outer { margin-left:0; } } #dar_passo_contatoform_ttl_mandemsg { font:1.25em 'Bellota Text'; color:#5C6D9F; font-weight:700; line-height:1em;} #calouros #dar_passo_contatoform input[type=text], #calouros #dar_passo_contatoform textarea { font:1em 'Roboto'; border:0; } #calouros #dar_passo_contatoform input[type=text]:hover, #calouros #dar_passo_contatoform textarea:hover { background:#FFF8DC !important; } #cal_tel_dar, #cal_sgu, #cal_bolsas { text-align:center; font:1em 'Roboto'; color:#5C6D9F; padding:10px; width:170px; position:absolute; box-sizing:border-box; } #cal_tel_dar { background:#FFB628; top:50px; right:-160px; } #cal_sgu { /*top:165px;*/top:145px; right:-187px; } #cal_bolsas { /*top:290px;*/ top:255px; right:-187px; } #cal_sgu:link, #cal_sgu:visited, #cal_bolsas:link, #cal_bolsas:visited { background:#5C6D9F; color:#FFFFFF !important; transition:transform 0.3s, background 0.3s; transform-origin:center; } #cal_sgu:hover, #cal_bolsas:hover { background:#E29500; transform:scale(1.1); text-decoration:none; } #cal_sgu strong, #cal_bolsas strong { font-size:1.18em; color:#FFB628; transition:color 0.3s; } #cal_sgu:hover strong, #cal_bolsas:hover strong { color:#445481; } .dar_passo_contatoform_ttl { font:1.4em 'Bellota Text'; line-height:1.1em; margin:0 0 7px 0; font-weight:700; color:#5C6D9F; } #cal_tel_dar span { display:block; font-size:1.2em; font-weight:700; margin-top:5px; } @media (max-width:790px) { #cal_tel_dar, #cal_sgu, #cal_bolsas { top:auto; right:calc(50% - 85px); } #cal_tel_dar { bottom:-93px; } #cal_sgu { bottom:-220px; } #cal_bolsas { /*bottom:-300px;*/ bottom:-283px; } }