/* CSS Document */ /* ======================================================================================= FONTES === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* FONTES PUC 'Rethink Sans' Opções de font-weight: 200 a 900 'Literata' Opções de font-weight: 400 a 800 */ /* ========================================================================== 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. */ /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #ccg #puc_menu_vazio { max-width:100%; } /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { /* #ccg #puc_menu_faixa { background:#E5E5E5; } */ /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #ccg #menu span { background:rgba(0,0,0,0); } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #ccg #menu { margin:1px 10px 0 10px; } #ccg #menu span { top:0; margin-top:-1px; } #ccg #menu a:link, #ccg #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { #ccg #menu { font:1.2em; width:100%; max-width:100%; margin-left:0; margin-bottom:35px; } .index #menu { position:absolute; z-index:99; } /* mouse out */ #ccg #menu a:link, #ccg #menu a:visited, #ccg #menu .puc_menu_submenu_linkmestre { color:#36838E; background:#FADEB4; } /* mouse over */ #ccg #menu a:hover, #ccg #menu .puc_menu_submenu_linkmestre:hover, #ccg #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#FFF; background:#67B7BF; border-color:#FFF; } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { #ccg #menu { font:1.2em; width:100%; max-width:100%; margin-left:0; margin-bottom:0; } /* mouse out */ #ccg #menu a:link, #ccg #menu a:visited, #ccg #menu .puc_menu_submenu_linkmestre { color:#36838E; background:#FADEB4; border-color:#FFFFFF; } /* mouse over */ #ccg #menu a:hover, #ccg #menu .puc_menu_submenu_linkmestre:hover, #ccg #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#FFF; background:#67B7BF; border-color:#FFFFFF; } /* fecha @media (max-width:1139px) */ } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #ccg .menu_button_mobile { color:#FFFFFF; background:#F2B24D; background-image:url(/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat; } /* ----- SUBMENU DESKTOP ----- */ @media (min-width:1140px) { #ccg #menu .puc_menu_submenu_links a:link, #ccg #menu .puc_menu_submenu_links a:visited { background:#67B7BF; color:#FFFFFF; padding:9px 10px 9px 10px !important; } #ccg #menu .puc_menu_submenu_links a:hover { color:#FFFFFF; background:#4798A5; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #ccg #menu .puc_menu_submenu_links a:link, #ccg #menu .puc_menu_submenu_links a:visited { border-bottom:1px solid #FFFFFF; background:#67B7BF; color:#FFFFFF; } #ccg #menu .puc_menu_submenu_links a:hover { background:#4798A5; color:#FFFFFF; } /* fecha @media (max-width:1139px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #ccg section .puc_texto_destaque_em_quadro_centro, #ccg section .puc_texto_destaque_em_quadro_esquerda, #ccg section .puc_texto_destaque_em_quadro_direita { background:#D9E9EB; color:#2B7587; } /* ----- LINKS (GERAL) ----- */ #ccg a:link, #ccg a:visited { color:#56939C; } #ccg a:hover, #ccg h5 a:hover, #ccg h5 a:focus { color:#D98C14; } /* ----- LINK VOLTAR ----- */ #ccg section article button.puc_link_voltar_TAG-BUTTON { /* color:#53A1AD; background:#C8E5E8; */ } #ccg section article button.puc_link_voltar_TAG-BUTTON:hover { /* color:#FFF; background:#67B7BF; */ } /* ----- LINK DESTAQUE ----- */ #ccg section article a.puc_link_destaque_TAG-A:link, #ccg section article a.puc_link_destaque_TAG-A:visited, #ccg section article a.puc_link_destaque_centralizado_TAG-A:link, #ccg section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#F0A52F; color:#FFFFFF; } #ccg section article a.puc_link_destaque_TAG-A:hover, #ccg section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#53A1AD; color:#FFFFFF; } /* ----- LINK DE PAGINAÇÃO ----- */ #ccg section article .puc_link_paginacao_anterior_TAG-A:link, #ccg section article .puc_link_paginacao_anterior_TAG-A:visited, #ccg section article .puc_link_paginacao_proximo_TAG-A:link, #ccg section article .puc_link_paginacao_proximo_TAG-A:visited { color:#1A73A0; } #ccg section article .puc_link_paginacao_anterior_TAG-A:hover, #ccg section article .puc_link_paginacao_proximo_TAG-A:hover { color:#09AEFF; } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #ccg section article .puc_imagem_galeria a:link, #ccg section article .puc_imagem_galeria a:visited { background:rgba(0,0,0,0.09); } #ccg section article .puc_imagem_galeria a:hover { background:rgba(0,0,0,0.04); } /* legenda dos thumbnails */ #ccg section article .puc_imagem_galeria a:link .puc_texto_menor, #ccg section article .puc_imagem_galeria a:visited .puc_texto_menor, #ccg section article .puc_imagem_galeria a figure { color:#666666; } #ccg section article .puc_imagem_galeria a:hover .puc_texto_menor, #ccg section article .puc_imagem_galeria a:hover figure { color:#666666; } /* ----- TABELA ----- */ /* bordas da tabela */ #ccg section article .puc_tabela_padrao_TAG-TABLE, #ccg section article .puc_tabela_padrao_TAG-TABLE td { border-color:rgba(0,0,0,0.15); } /* linhas para tabela */ #ccg section article .puc_tabela_linha_n1_TAG-TR { background:#67B7BF !important; color:#FFFFFF !important; } #ccg section article .puc_tabela_linha_n2_TAG-TR { background:#F9CD87 !important; color:#BC7505 !important; } #ccg section article .puc_tabela_linha_n3_TAG-TR { background:#D9E9EB !important; color:#2B7587 !important; } #ccg section article .puc_tabela_linha_clara_TAG-TR { background:#F5F5F5; } #ccg section article .puc_tabela_linha_escura_TAG-TR { background:#E5E5E5; } #ccg section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#F5F5F5; } #ccg section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#E5E5E5; } /* ----- LINHA HORIZONTAL ----- */ #ccg hr { /* color:rgba(0,0,0,0.15); */ } /* ----- LISTAS ----- */ /* bullet */ #ccg ul li::before { color:#9EC9CD; } /* lista destaque */ #ccg section .puc_lista_especial_TAG-UL li::before, #ccg section .puc_lista_especial_item_unico_TAG-LI::before { color:#2B7587; } #ccg section .puc_lista_especial_TAG-UL li, #ccg section .puc_lista_especial_item_unico_TAG-LI { color:#2B7587; } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #ccg article form { background:rgba(0,0,0,0.04); } /* campos de preenchimento */ #ccg article form input[type=text], #ccg article form input[type=password], #ccg article form input[type=file], #ccg article form textarea, #ccg article form select { background:#FFF; border-color:rgba(0,0,0,0.15); } /* botão "enviar" */ #ccg article form input[type=submit] { background:#53A1AD; color:#FFF; } #ccg article form input[type=submit]:hover { background:#F0A52F; color:#FFF; cursor:pointer; } /* ----- PLAYER DE ÁUDIO ----- */ #ccg section div.puc_player_audio_TAG-DIV { background:#9EC9CD; } #ccg section div.puc_player_audio_TAG-DIV:hover { background:#67B7BF; } /* ----- LINKS REDES SOCIAIS ----- */ #ccg div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #ccg section aside .puc_texto_coluna-lateral_titulo { /* color:#53A1AD; */ } /* ----- BANNER DE TEXTO ----- */ #ccg section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#D9E9EB; color:#2B7587; } /* ----- BANNER DE LINK ----- */ #ccg section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #ccg section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#BC7505; background:#F9CD87; transition:color 0.3s, background 0.3s; } #ccg section aside p.puc_texto_coluna-lateral_banner_TAG-P a:hover { background:#67B7BF; color:#FFF; } /* ========================================================================== 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" */ /* =============== TODAS AS PÁGINAS =============== */ /* ----- LAYOUT ----- */ /* #ccg { background:url(../imagens/ccg_img_layout_bkg_topo2.jpg); background-repeat:no-repeat; } @media (min-width:620px) { #ccg { background-position:center 192px; } } @media (max-width:619px) { #ccg { background-position:center 171px; } } */ /* ----- TÓPICOS RELACIONADOS ----- */ #ccg_topicos_relacionados { margin:0 0 40px 0; } #ccg #link_ccg { visibility:hidden; display:none; } #ccg #ccg_menu_all { align-items:flex-start; } /* ----- FLOATER BUSCA DE EMENTA ----- */ #ccg #ccg_floater_busca_ementa { background:#F0A52F; padding:7px; text-align:center; color:#FFF; position: -webkit-sticky; position: sticky; top:0; float:right; box-sizing:border-box; } #ccg #ccg_floater_busca_ementa form { padding:0; background:none; margin-top:0; position:relative; } #ccg #ccg_floater_busca_ementa input { margin-top:0; } #ccg #ccg_floater_busca_ementa input[type=text] { padding:4px 32px 4px 4px; box-sizing:border-box; border:0; width:100%; font-size:0.8em; } #ccg #ccg_floater_busca_ementa input[type=image] { border:0; position:absolute; right:2px; bottom:2px; width:16px; height:16px; } /* === INDEX ============================================================================== */ /* ======================================================================================== */ /* ----- LAYOUT ----- */ @media (min-width:750px) { #ccg .puc_layout_area-inicial_esquerda { width:62%; } #ccg .puc_layout_area-inicial_direita { width:33%; } /* fecha @media (min-width:620px) */ } /* ----- MENU VERTICAL ----- */ .ccg_menu_1 { background:#59ABB3; font-size:1.25em; padding:9px; box-sizing:border-box; } @media (max-width:749px) { .ccg_menu_1 { margin:30px 0 30px 0; } } .ccg_menu_1 a:link, .ccg_menu_1 a:visited { display:block; padding:8px; font-weight:400; color:#FFF !important; background:#59ABB3; background-size:28px; background-position:120% center; background-repeat:no-repeat; transition:background 0.3s; border-top:1px solid #72BAC1; } .ccg_menu_1 a:first-child { border-top:0; } .ccg_menu_1 a:hover { text-decoration:none; background:#448E99 /* #53A1AD */; background-size:28px; background-position:center right; background-repeat:no-repeat; } /* ----- SLIDESHOW INDEX CCG ----- */ .ccg_slideshow_index { width:711px; height:422px; } /* ----- QUADRO INFORMES ----- */ #ccg_informes { background:#FFE2B4; padding:29px 10px 10px 10px; margin-top:28px; font-size:1.25em; position:relative; font-weight:bold; color:#666666;} #ccg_informes_ttl { margin:0 0 13px 0; font-size:1.2em; font-weight:700; letter-spacing:1px; position:absolute; top:-12px; left:11px; background:#E5910D; color:#FFFFFF; padding:6px 7px 4px 7px; transform:rotate(-3deg); } #ccg_informes p { margin:3px 0 10px 3px; display:flex; } #ccg_informes p::before { content:'✓'; color:#666666; margin-right:5px; } /* ----- MENU "OUTRAS INFORMAÇÕES" ----- */ .ccg_index_ttl_outras_informacoes { margin-bottom:15px; padding-bottom:3px; border-bottom:2px dashed rgba(0,0,0,0.15); display:flex; align-items:flex-end; justify-content:flex-start; } .ccg_index_ttl_outras_informacoes img { width:40px; margin:0 7px -10px 5px; } #ccg_menu_2 { font-size:1.1em; } #ccg_menu_2 .puc_layout_coluna_2cols_interno { margin-bottom:0; } #ccg_menu_2 a:link, #ccg_menu_2 a:visited { display:block; padding:3px 3px 3px 10px; color:#777; font-weight:400; transition:color 0.3s; background:url(../imagens/ccg_img_layout_bullet.png); background-repeat:no-repeat; background-position:left 10px; } #ccg_menu_2 a:hover { text-decoration:none; color:#D98C14; } #ccg_menu_2 .ccg_menu_2_link_desativado:link, #ccg_menu_2 .ccg_menu_2_link_desativado:visited, #ccg_menu_2 .ccg_menu_2_link_desativado:hover { cursor:not-allowed; color:#AAA !important; } /* ----- LINK "VEJA MAIS DESTAQUES DA PUC-RIO" ----- */ .ccg_index_link_vrac:link, .ccg_index_link_vrac:visited { display:block; width:268px; margin:-8px auto 0 auto; text-align:center; background:#F0A52F; color:#FFF !important; padding:8px 0 8px 0; font-size:1.3em; transform:rotate(-1.5deg); text-decoration:none; transition:transform 0.3s, background 0.3s; } .ccg_index_link_vrac:hover { transform:rotate(1.5deg); background:#E5910D; } @media (max-width:749px) { .ccg_index_link_vrac { font-size:1.1em; } } /* === INTERNAS =========================================================================== */ /* ======================================================================================== */ h2 { margin-top:10px; } .ccg_lista_sem_bullet:before { content:""; } .ccg_lista_cursos { border-left:3px dashed rgba(0,0,0,0.15); padding:0 25px 0 25px; box-sizing:border-box; } .ccg_lista_cursos .ccg_lista_cursos_sublista { margin-left:-15px; } .ccg_quadro_lateral { background:rgba(0,0,0,0.04); padding:15px; margin-top:35px; align-self:flex-start; } @media (max-width:749px) { .ccg_quadro_lateral { margin-top:85px; } } .ccg_quadro_lateral h5 { margin:20px 0 5px 0; } .ccg_quadro_lateral p { margin:0; } .ccg_quadro_lateral hr { margin:15px 0 15px 0; } .ccg_imagem_lateral { margin:-50px 0 25px 0; display:flex; justify-content:center; align-items:flex-start; } .ccg_imagem_lateral_interno { background:#F0A52F; transform:rotate(-1deg); padding:0 0 0 4px; } .ccg_imagem_lateral img { transform:rotate(1.5deg); margin:-5px 0 2px 5px; } /* ----- DOMÍNIOS ADICIONAIS ----- */ #ccg_tabelas_dominios table { width:100%; max-width:800px; } #ccg_tabelas_dominios p { margin:0 !important; } #ccg_tabelas_dominios table tr td:first-child { text-align:center; } #ccg_tabelas_dominios table tr td:nth-child(3) { text-align:center; } #ccg_tabelas_dominios table tr:first-child td { font-weight:bold; background:#F9CD87; color:#BC7505; } #ccg_tabelas_dominios table tr:first-child td:nth-child(1), #ccg_tabelas_dominios table tr:first-child td:nth-child(3) { width:15%; } #ccg_tabelas_dominios table td[colspan='3'] { background:#D9E9EB; color:#40848F; font-weight:bold; text-align:left !important; } #ccg_tabelas_dominios table tr:last-child td { text-align:right !important; color:#BC7505; font-weight:bold; background:rgba(0,0,0,0.04); } #ccg_tabelas_dominios h4 { border-left:3px solid #F0A52F; padding:2px 0 2px 10px; } /* ----- BOLSA PREMIO ----- */ #ccg_tabelas_bolsapremio {} #ccg_tabelas_bolsapremio h4 { border-left:3px solid #F0A52F; padding:2px 0 2px 10px; } #ccg_tabelas_bolsapremio table { text-align:center; width:100%; max-width:800px; } #ccg_tabelas_bolsapremio table tr:first-child td { font-weight:bold; background:#F9CD87; color:#BC7505; width:20%; } /* ----- CURSOS ----- */ .ccg_cursos_intro { } .ccg_cursos_intro h3 { margin-top:0 !important; } .ccg_cursos_intro .puc_layout_area-inicial_esquerda h5 { margin-bottom:0 !important; } .ccg_cursos_intro .puc_layout_area-inicial_esquerda a { font-weight:bold; } .ccg_cursos_intro .ccg_cursos_coordenador { display:flex; align-items:center; margin:30px 0 30px 0; } .ccg_cursos_intro .ccg_cursos_coordenador img { transform:rotate(-2deg); } .ccg_cursos_intro .ccg_cursos_coordenador p { margin:0; } .ccg_cursos_coordenador_nome { transform:rotate(-2deg); background:#F9CD87; padding:5px 11px 6px 10px; } .ccg_tabela_periodizacao { width:100%; max-width:800px; margin-bottom:25px !important; } .ccg_tabela_periodizacao tr:first-child td { background:#F9CD87; color:#BC7505; font-weight:bold; } .ccg_tabela_periodizacao tr:first-child td:nth-child(1) { width:17%; } .ccg_tabela_periodizacao tr:first-child td:nth-child(3) { width:12%; } .ccg_tabela_periodizacao tr:first-child td:nth-child(4) { width:18%; } .ccg_tabela_periodizacao tr td:nth-child(1), .ccg_tabela_periodizacao tr td:nth-child(3), .ccg_tabela_periodizacao tr td:nth-child(4){ text-align:center; } .ccg_tabela_periodizacao td[colspan='3'], .ccg_tabela_periodizacao td[colspan='4'] { background:#D9E9EB; color:#40848F; font-weight:bold; text-align:left !important; } .ccg_tabela_periodizacao p { margin:0 !important; } .ccg_tabela_periodizacao tr:nth-last-child(3) td[colspan='3'], .ccg_tabela_periodizacao tr:nth-last-child(3) td[colspan='4'], .ccg_tabela_periodizacao tr:nth-last-child(2) td[colspan='3'], .ccg_tabela_periodizacao tr:nth-last-child(2) td[colspan='4'], .ccg_tabela_periodizacao tr:last-child td[colspan='3'], .ccg_tabela_periodizacao tr:last-child td[colspan='4'], .ccg_tabela_periodizacao .ccg_total_creditos td { background:rgba(0,0,0,0.04) !important; color:#BC7505 !important; font-weight:bold !important; text-align:right !important; } /* ----- ENADE ----- */ .ccg_tabela_enade { } .ccg_tabela_enade .puc_tabela_linha_n2_TAG-TR td { font-weight:bold; } .ccg_tabela_enade tr td { text-align:center; } .ccg_tabela_enade tr td:nth-child(1) { text-align:left; } .ccg_tabela_enade tr:nth-child(2) td:nth-child(1) { text-align:center; } /* ----- AVALIAÇÕES DOS CURSOS ----- */ /* #ccg_tabela_avaliacoes tr td:nth-child(n) { visibility:hidden; display:none; } #ccg_tabela_avaliacoes tr td:nth-child(1), #ccg_tabela_avaliacoes tr td:nth-last-child(-n+5) { visibility:visible; display:table-cell; } */ /* GUIA DO ESTUDANTE e CPC */ #ccg_tabela_avaliacoes tr td, #ccg_tabela_avaliacoes_cpc tr td { text-align:center; } #ccg_tabela_avaliacoes tr td:nth-child(1), #ccg_tabela_avaliacoes_cpc tr td:nth-child(1) { text-align:left; } /* GUIA DO ESTUDANTE */ #ccg_tabela_avaliacoes .puc_tabela_linha_n2_TAG-TR td { font-weight:bold; font-size:1em !important; } #ccg_tabela_avaliacoes .ccg_avaliacoes_5estrelas { color:#C98D25 !important; font-size:1.2em !important; } #ccg_tabela_avaliacoes .ccg_avaliacoes_1a4estrelas { color:#2B7587 !important; font-size:1.2em !important; } #ccg_tabela_avaliacoes .ccg_avaliacoes_semestrelas { font-size:1em !important; } /* CPC */ #ccg_tabela_avaliacoes_cpc .puc_tabela_linha_n2_TAG-TR td { font-weight:bold; font-size:1em !important; } #ccg_tabela_avaliacoes_cpc tr:nth-child(odd) td.td_destaque, #ccg_tabela_avaliacoes_cpc tr:nth-child(even) td.td_destaque { font-weight:bold; background:#95CAE0 !important; } /* === LICENCIATURAS ====================================================================== */ /* ======================================================================================== */ /* --- LICENCIATURAS > INDEX -------------------------------------------------------------- */ /* --- ESPAÇO PARA ABAIXAR O SLIDESHOW --- */ .puc_licenciaturas_index_espaco_acima_slideshow { display:block; } @media (min-width:1140px) { .puc_licenciaturas_index_espaco_acima_slideshow { height:55px; } } @media (max-width:1139px) { .puc_licenciaturas_index_espaco_acima_slideshow { height:20px; } } /* --- TÍTULO SLIDESHOW --- */ .ccg_licenciaturas_slideshow_ttl { position:absolute; bottom:0; z-index:99; background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.7)); padding:10px 20px 25px 20px; font-size:2.5em !important; line-height:1.3em; font-weight:400; color:#FFF !important; box-sizing:border-box; width:100%; text-shadow:1px 1px 4px rgba(0,0,0,0.7); } .ccg_licenciaturas_slideshow_ttl .puc_texto_menor { font-size:0.6em; font-weight:300; line-height:1.3em !important; margin:3px 0 4px 0; display:block; } @media (max-width:660px) { .ccg_licenciaturas_slideshow_ttl { font-size:3.5em !important; } .ccg_licenciaturas_slideshow_ttl .puc_texto_menor { display:none; visibility:hidden; } } /* --- FAIXA CINZA --- */ .ccg_licenciaturas_index_faixa_cinza { background:rgba(0,0,0,0.04); margin-top:20px !important; } @media (max-width:749px) { .ccg_licenciaturas_index_faixa_cinza { padding-top:1px !important; padding-bottom:20px !important; } } /* --- TÍTULO "DESTAQUES" ACIMA DO BANNER --- */ .ccg_licenciaturas_ttl_destaques { position:absolute; z-index:99; background:#F0A52F; padding:8px 11px 11px 11px; box-sizing:border-box; margin:64px 0 0 0; transform:rotate(13deg); right:-20px; font-size:0.8em; } .ccg_licenciaturas_ttl_destaques h2 { color:#FFF !important; margin:0 8% 0 0; letter-spacing:1px; } .ccg_licenciaturas_ttl_destaques_bkg { position:absolute; z-index:98; background:#F4F5F0; width:185px; height:87px; transform:rotate(13deg); right:-20px; margin:40px 0 0 0; } @media (max-width:1139px) and (min-width:570px) { .ccg_licenciaturas_ttl_destaques { right:-4px; transform:rotate(6deg); margin:14px 0 0 0; } .ccg_licenciaturas_ttl_destaques h2 { font-size:2em; margin:0 8% 0 0; } .ccg_licenciaturas_ttl_destaques_bkg { right:-5px; transform:rotate(6deg); width:162px; height:60px; margin:12px 0 0 0; } } @media (max-width:569px) { .ccg_licenciaturas_ttl_destaques { right:-3px; transform:rotate(6deg); margin:15px 3px 0 0; } .ccg_licenciaturas_ttl_destaques h2 { font-size:1.5em; margin:0 8% 0 0; } .ccg_licenciaturas_ttl_destaques_bkg { right:-3px; transform:rotate(6deg); width:123px; height:50px; margin:10px 0 0 0; } } /* --- NOTICIAS --- */ #ccg .ccg_licenciaturas_index_noticias {} #ccg .ccg_licenciaturas_index_noticias .ccg_licenciaturas_ttl_grifado { margin-bottom:23px !important; color:#D98C14 !important; } #ccg .ccg_licenciaturas_index_noticias .ccg_licenciaturas_ttl_grifado a:link, #ccg .ccg_licenciaturas_index_noticias .ccg_licenciaturas_ttl_grifado a:visited { color:#D98C14; } #ccg .ccg_licenciaturas_index_noticias .ccg_licenciaturas_ttl_grifado a:hover { color:#53A1AD; } #ccg .ccg_licenciaturas_index_noticias .ccg_licenciaturas_link_noticias:link, #ccg .ccg_licenciaturas_index_noticias .ccg_licenciaturas_link_noticias:visited { display:block; background:#D98C14; border-radius:8px 0 8px 0; padding:11px 17px 13px 17px; margin:0 0 25px 0; color:#FFFFFF; font-size:1.4em; line-height:1.2em; transition:background 0.3s; } #ccg .ccg_licenciaturas_index_noticias .ccg_licenciaturas_link_noticias:hover { background:#53A1AD; text-decoration:none; } /* --- PROGRAMAS --- */ #ccg .ccg_licenciaturas_index_programas { display:flex; justify-content:center; flex-wrap:wrap; } @media (max-width:749px) { #ccg .ccg_licenciaturas_index_programas { margin-bottom:45px; } } .index .ccg_licenciaturas_ttl_grifado { border-bottom:2px solid rgba(0,0,0,0.15); padding-bottom:5px; } #ccg .ccg_licenciaturas_index_programas a:link, #ccg .ccg_licenciaturas_index_programas a:visited { padding:0; margin:20px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; transition:transform 0.3s; } #ccg .ccg_licenciaturas_index_programas a:hover { transform:scale(1.2); } @media (min-width:650px) { #ccg .ccg_licenciaturas_index_programas a { width:25%; } } @media (max-width:649px) { #ccg .ccg_licenciaturas_index_programas a { width:100%; max-width:170px; } } /* --- BOTÕES CURSOS --- */ #ccg .ccg_licenciaturas_cursos { display:flex; flex-wrap:wrap; justify-content:flex-start; } #ccg .ccg_licenciaturas_cursos a:link, #ccg .ccg_licenciaturas_cursos a:visited { display:flex; align-items:center; justify-content:center; text-align:center; text-decoration:none; font-size:1.3em; color:#C77C06 !important; transition:color 0.3s, background 0.3s; } .index .ccg_licenciaturas_cursos a:link, .index .ccg_licenciaturas_cursos a:visited { margin:0 10px 20px 10px; width:calc(33% - 20px); min-width:90px; height:60px; border-radius:8px 0 8px 0; background:#D5D5D5 !important; } #ccg .ccg_licenciaturas_cursos a:hover { background:#D98C14 !important; color:#FFFFFF !important; } /* --- LINK YOUTUBE --- */ #ccg_licenciaturas_link_youtube a:link, #ccg_licenciaturas_link_youtube a:visited, .ccg_licenciaturas_link_extra a:link, .ccg_licenciaturas_link_extra a:visited{ display:block; max-width:100%; /* margin:auto; */ padding:8px 10px 9px 10px; box-sizing:border-box; border-bottom-right-radius:15px; border-top-left-radius:15px; background:#88C7D1; color:#FFFFFF !important; transition:background 0.3s, color 0.3s; } #ccg_licenciaturas_link_youtube a:hover, .ccg_licenciaturas_link_extra a:hover { background:#53A1AD; text-decoration:none; } #ccg_licenciaturas_link_youtube img, .ccg_licenciaturas_link_extra img { display:block; margin:10px 0 0 0; width:55%; } /* --- LICENCIATURAS > PÁGINAS DIVERSAS --------------------------------------------------- */ /* --- MENU ESTICADO --- */ #ccg_licenciaturas_menu_esticado { position:relative; height:40px; } /* --- DATA DAS MATÉRIAS --- */ .ccg_licenciaturas_data_materia { font:italic 0.5em Verdana !important; color:#888888; } /* --- TÍTULO BLOCO LARANJA --- */ #ccg .ccg_ttl_laranja { background:#FADEB4 !important; color:#CC7E05 !important; max-width:100%; } /* --- GALERIAS --- */ .pibid_galeria_imagens { margin:35px 0 25px 0; text-align:center; } .pibid_galeria_imagens figure { display:none; visibility:hidden; } .pibid_galeria_materiais { margin-bottom:35px; } /* --- IMAGENS REDONDAS --- */ .ccg_imagem_redonda { border-radius:50%; } /* --- INDEX DOS PROGRAMAS --- */ .ccg_licenciaturas_programas_lateral_dir_logos { display:block; padding-bottom:10px; } .ccg_licenciaturas_programas_lateral_dir_logos img:nth-child(1) { height:90px; margin-right:20px; } @media (max-width:749px) { .ccg_licenciaturas_programas_lateral_dir { margin-top:35px; } .ccg_licenciaturas_programas_lateral_dir_logos { text-align:center; } } /* --- LICENCIATURAS > RESIDÊNCIA PEDAGÓGICA------------------------------------------------ */ #ccg .ccg_licenciaturas_resped_menu a:link, #ccg .ccg_licenciaturas_resped_menu a:visited { display:block; background:#E1EDEE; color:#317D89 !important; padding:10px 13px 10px 13px; font:1.5em; transition:background 0.3s, color 0.3s; border-top:1px solid rgba(0,0,0,0.15); } #ccg .ccg_licenciaturas_resped_menu a:hover { text-decoration:none; background:#4798A5; color:#FFFFFF !important; } #ccg .ccg_licenciaturas_resped_menu a:first-child { border-top:6px solid #4798A5; } /* --- PIBID > INDEX ---------------------------------------------------------------------- */ #pibid_inicio { /* margin-top:40px !important; */ align-items:flex-start !important; } #pibid_inicio div { margin-bottom:0; } #pibid_inicio .puc_layout_area-inicial_esquerda { /* margin-top:25px; */ } #pibid_inicio #pibic_quadro_menu { background:url(../licenciaturas/imagens/bkg_pibid_menu.png); background-repeat:no-repeat; background-position:top left; padding:8px 20px 0 20px; margin-top:25px; border-top:2px solid #C8E5E8; min-height:274px; font-size:1.3em; font-weight:500; } #pibid_inicio #pibic_quadro_menu a:link, #pibid_inicio #pibic_quadro_menu a:visited { display:block; background:url(../licenciaturas/imagens/bkg_pibid_menu_a-link.png); background-repeat:no-repeat; background-position:bottom left; padding:0 0 3px 10px; } #pibid_inicio #pibic_quadro_menu a:hover { text-decoration:none; } #pibid_inicio #pibic_quadro_menu .pibic_quadro_menu_edital:link, #pibid_inicio #pibic_quadro_menu .pibic_quadro_menu_edital:visited { background:url(../licenciaturas/imagens/bkg_pibid_menu_edital_a-link.png); background-repeat:no-repeat; background-position:center left; font-size:0.85em; } #pibid_inicio #pibic_quadro_menu #ttl_edital { font-size:1.2em; color:#D98C14; display:block; padding:16px 0 4px 10px; background:url(../licenciaturas/imagens/bkg_pibid_menu_a-link.png); background-repeat:no-repeat; background-position:bottom left; } #pibid_inicio .puc_layout_area-inicial_direita { } #pibid_inicio .puc_layout_area-inicial_direita h5 { margin-bottom:0; }