@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 */ /* @import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700'); */ @import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,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. */ /* ================================================================= TOPO === */ /* ========================================================================== */ /* ----- TÍTULO DA PÁGINA ----- */ #rad header h1 { color:#666666; } /* ----- CAMINHO / BREADCRUMB ----- */ #rad header nav a:link, #rad header nav a:visited { color:#AAA; } #rad header nav a:hover { color:#555; } #rad header nav{float:left; display:block; paddin:0; color:#888; margin: 0 0 3px 0; width: 100%; padding: 0 0 0 139px; box-sizing: border-box;} /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- #rad header #puc_menu_vazio { background:#E5E5E5; } */ /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #rad header #puc_menu_faixa { background:#f0b820; } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #rad header #menu span { background:#f0b820; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #rad header #menu { margin:1px 10px 0 10px; } #rad header #menu span { top:0; margin-top:-1px; } #rad header #menu a:link, #rad header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #rad header #menu a:link, #rad header #menu a:visited { color:#715300; } /* mouse over */ #rad header #menu a:hover, #rad header #menu .puc_menu_link_ativo:link, #rad header #menu .puc_menu_link_ativo:visited { color:#FFF; background:#715300; border-color:transparent; } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #rad header #menu a:link, #rad header #menu a:visited { color:#332D5E; background:#ffda75; border-color:#966d00; } /* mouse over */ #rad header #menu a:hover, #rad header #menu .puc_menu_link_ativo:link, #rad header #menu .puc_menu_link_ativo:visited { color:#fff; background:#715300; border-color:#966d00; } /* fecha @media (max-width:1139px) */ } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #rad header button { color:#715300; background:#f0b820; background-image:url(/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat; } /* ----- SUBMENU DESKTOP ----- */ @media (min-width:1140px) { #rad header #menu ul { background:#222; } #rad header #menu ul a:link, #rad header #menu ul a:visited { color:#f0b820; } #rad header #menu ul a:hover { color:#222; background:#f0b820; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- @media (max-width:1139px) { #rad header #menu ul a:link, #rad header #menu ul a:visited { border-bottom:1px solid #467288; background:#5B7D96; color:#97D3FF; } #rad header #menu ul a:hover { background:#5B7D96; color:#0092FF; } */ /* fecha @media (max-width:1139px) } */ /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- #rad section { border-bottom-color:#D5DEC1; } */ /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #rad h1 { color:#666666; } #rad h2 { color:#715300; } #rad h3 { color:#715300; } #rad h4 { color:#666666; } #rad h5 { color:#666666; } /* ----- TEXTO DESTAQUE EM QUADRO ----- #rad section .puc_texto_destaque_em_quadro_centro, #rad section .puc_texto_destaque_em_quadro_esquerda, #rad section .puc_texto_destaque_em_quadro_direita { background:#E3E8EE; color:#07345B; } */ /* ----- LINKS (GERAL) ----- */ #rad a:link, #rad a:visited { color:#715300; } #rad a:hover { color:#f0b820; } /* ----- LINK VOLTAR ----- */ #rad section article button.puc_link_voltar_TAG-BUTTON { color: #f0b820; background: #715300; border-color: #966d00; } #rad section article button.puc_link_voltar_TAG-BUTTON:hover { color: #966d00; background: #f0b820; } /* ----- LINK DESTAQUE ----- */ #rad section article a.puc_link_destaque_TAG-A:link, #rad section article a.puc_link_destaque_TAG-A:visited, #rad section article a.puc_link_destaque_centralizado_TAG-A:link, #rad section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#F0B820; color:#FFFFFF; } #rad section article a.puc_link_destaque_TAG-A:hover, #rad section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#715300; color:#FFFFFF; } /* ----- LINK DE PAGINAÇÃO ----- #rad section article .puc_link_paginacao_anterior_TAG-A:link, #rad section article .puc_link_paginacao_anterior_TAG-A:visited, #rad section article .puc_link_paginacao_proximo_TAG-A:link, #rad section article .puc_link_paginacao_proximo_TAG-A:visited { color:#1A73A0; } #rad section article .puc_link_paginacao_anterior_TAG-A:hover, #rad section article .puc_link_paginacao_proximo_TAG-A:hover { color:#09AEFF; } */ /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails #rad section article .puc_imagem_galeria a:link, #rad section article .puc_imagem_galeria a:visited { border-color:#CCC; background:#EEE; } #rad section article .puc_imagem_galeria a:hover { border-color:#043458; background:#D4DEE9; } */ /* legenda dos thumbnails #rad section article .puc_imagem_galeria a:link span.puc_imagem_galeria_legenda_TAG-SPAN, #rad section article .puc_imagem_galeria a:visited span.puc_imagem_galeria_legenda_TAG-SPAN { color:#666; } #rad section article .puc_imagem_galeria a:hover span.puc_imagem_galeria_legenda_TAG-SPAN { color:#043458; } */ /* ----- TABELA ----- */ /* bordas da tabela #rad section article .puc_tabela_padrao_TAG-TABLE, #rad section article .puc_tabela_padrao_TAG-TABLE td { border-color:#CCC; } */ /* linhas para tabela #rad section article .puc_tabela_linha_n1_TAG-TR { background:#043458; color:#FFF; } #rad section article .puc_tabela_linha_n2_TAG-TR { background:#9DBDD4; color:#043458; } #rad section article .puc_tabela_linha_n3_TAG-TR { background:#CDDDE8; color:#043458; } #rad section article .puc_tabela_linha_clara_TAG-TR { background:#EEE; } #rad section article .puc_tabela_linha_escura_TAG-TR { background:#DDD; } #rad section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#F5F5F5; } #rad section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#E5E5E5; } */ /* ----- LINHA HORIZONTAL ----- */ #rad hr { color:#CCC; } /* ----- LISTAS ----- */ /* bullet */ #rad ul li::before { color:#966d00; } /* lista destaque */ #rad section .puc_lista_especial_TAG-UL li::before, #rad section .puc_lista_especial_item_unico_TAG-LI::before { color:#715300; } #rad section .puc_lista_especial_TAG-UL li, #rad section .puc_lista_especial_item_unico_TAG-LI { color:#715300; } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #rad article form { background:#ffda75; } /* campos de preenchimento */ #rad article form input[type=text], #rad article form input[type=password], #rad article form input[type=file], #rad article form textarea, #rad article form select { background:#FFF; border-color:#CCC; } /* botão "enviar" */ #rad article form input[type=button], #rad article form input[type=reset]{ color: #f0b820; background: #715300; border-color: #966d00; cursor: pointer} #rad article form input[type=button]:hover, #rad article form input[type=reset]:hover{ color: #966d00; background: #f0b820; } /* ----- PLAYER DE ÁUDIO ----- #rad section div.puc_player_audio_TAG-DIV { background:#B4CFE3; } #rad section div.puc_player_audio_TAG-DIV:hover { background:#81BFE7; } */ /* ----- LINKS REDES SOCIAIS ----- #rad div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } */ /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- #rad section aside .puc_texto_coluna-lateral_titulo { color:#09AEFF; } */ /* ----- BANNER DE TEXTO ----- #rad section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#E3E8EE; } */ /* ----- BANNER DE LINK ----- #rad section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #rad section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#043458; background:#B4CFE3; } #rad 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" */ /* ----- ATIVIDADES > SEMINARIOS ----- */ a:hover.rad_seminario_historico{ text-decoration: none; width:100%; } a.rad_seminario_historico{ width:100%; } a.rad_seminario_historico .rad_seminario_rodape{ position: absolute; bottom: 0; color:#D37600; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } a:hover.rad_seminario_historico .rad_seminario_rodape{ bottom: 0; color:#D37600; font-size: 1.5em; } @media (max-width:1134px) { a.rad_seminario_historico .rad_seminario_rodape{ position: relative; } } a.rad_seminario_historico img { -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } a:hover.rad_seminario_historico img { -webkit-filter: grayscale(100%) blur(0px); filter: grayscale(100%) blur(0px); } a.rad_seminario_historico .rad_seminario_rotate { transform: rotate(16deg); transition: transform 0.3s, background 0.3s; position: absolute; right: -30px; background: #444; top: 0; font-size: 30px; color: #fff !important; padding: 15px; } a:hover.rad_seminario_historico .rad_seminario_rotate { transform: rotate(0deg); transition: transform 0.3s, background 0.3s; } /* ----- MENU ANIMADO AGENDA ----- */ #rad section article button.puc_link_voltar_TAG-BUTTON { color: #f0b820; background: #715300; border-color: #966d00; } #rad section article button.puc_link_voltar_TAG-BUTTON:hover { color: #966d00; background: #f0b820; } #rad #rad_menu_agenda a:link, #rad #rad_menu_agenda a:visited { background:#f0b820; font:20px "Roboto Condensed"; letter-spacing:0.5px; color:#966d00; font-weight:bold; display:block; padding:5px 9px 5px 9px; text-decoration: none } #rad #rad_menu_agenda a:hover { color: #f0b820; background: #715300; border-color: #966d00;} @media (min-width:680px) { #rad #rad_menu_agenda { background:#D5D5D5; width:90%; margin:auto; margin-top:50px; margin-bottom:50px; display:flex; justify-content:space-around; } #rad #rad_menu_agenda a:link, #rad #rad_menu_agenda a:visited { margin:0 5px 0 5px; } #rad #rad_menu_agenda a:hover { color: #f0b820; background: #715300; border-color: #966d00; } #rad .rad_menu_agenda_link_inclinado1 { transform:rotate(6deg); transition:transform 0.3s, background 0.3s; } #rad .rad_menu_agenda_link_inclinado2 { transform:rotate(-6deg); transition:transform 0.3s, background 0.3s; } #rad .rad_menu_agenda_link_inclinado2:hover, #rad .rad_menu_agenda_link_inclinado1:hover { transform:rotate(0deg); } /* fecha @media (min-width:680px) */ } @media (max-width:679px) { #rad #rad_menu_agenda a:link, #rad #rad_menu_agenda a:visited { width:calc(100% - 20px); margin-bottom:5px; transition:background 0.3s; } /* fecha @media (max-width:679px) */ } /* ---------- BACKGROUND DA PÁGINA ---------- */ @media (min-width:620px) { #rad { background:url(../imagens/rad_bkg_pagina2.jpg); background-position:0 225px; background-size:1816px 822px; background-repeat:no-repeat; background-size:100%; } #rad.rad_bkg_opcao2 { background:url(/sobrepuc/admin/ctc/sou-ctc/imagens/rad_bkg_pagina3.jpg); background-position:0 225px; background-size:1816px 822px; background-repeat:no-repeat; background-size:100%; } /* fecha @media (min-width:620px) */ } @media (max-width:619px) { #rad { background:url(../imagens/rad_bkg_pagina2.jpg); background-position:0 210px; background-repeat:no-repeat; background-size:200%; } #rad.rad_bkg_opcao2 { background:url(/sobrepuc/admin/ctc/sou-ctc/imagens/rad_bkg_pagina3.jpg); background-position:0 210px; background-repeat:no-repeat; background-size:200%; } /* fecha @media (max-width:619px) */ } /* ---------- LOGO DO SOU-CTC ---------- */ #rad #rad_header_logo { float:left; align-self:flex-start; margin:27px 15px 0 0; padding:0 18px 0 18px; border-left:1px solid #D5D5D5; } #rad #rad_header_logo img { border:0; height:85px; } /* ---------- ESPAÇO ENTRE MENU E IMAGEM PRINCIPAL ---------- */ #rad header { margin-bottom:0px; } /* ---------- INÍCIO > TEXTO DE INTRODUÇÃO ---------- */ #rad .rad_intro_texto { font-size:1em; line-height:1.9em; padding:25px 20px 70px 20px; color:#666; } #rad .rad_intro_texto strong { color:#715300; font-size:1.3em; font-family:'Montserrat'; } /* ---------- INÍCIO > QUADROS ALUNOS/PROFESSORES ---------- */ #rad .rad_intro_publico div { background:#EEE; border-radius:20px; } #rad .rad_intro_publico ul { margin:15px 20px 20px 20px; } #rad .rad_intro_publico p { color:#00899C; font-size:2.1em; font-family:'Montserrat'; font-weight:600; display:flex; align-items:center; padding-left:8px; } #rad .rad_intro_publico p img { height:50px; } @media (min-width:620px) { #rad .rad_intro_publico p { margin:-25px 0 0 20px; } #rad .rad_intro_publico p img { margin:-18px -3px 0 -10px; } /* fecha @media (min-width:620px) */ } @media (max-width:619px) { #rad .rad_intro_publico div:first-child { margin-top:0; } #rad .rad_intro_publico div:last-child { margin-top:60px; } #rad .rad_intro_publico p { margin:-25px 0 0 20px; } #rad .rad_intro_publico p img { margin:-18px -3px 0 -10px; } #rad .rad_intro_publico ul { padding-bottom:20px; } /* fecha @media (max-width:619px) */ } /* ---------- EQUIPE ---------- */ #rad #rad_equipe { display:flex; justify-content:space-around; align-items:stretch; flex-wrap:wrap; text-align:center; line-height:normal; margin-bottom:20px; color:#00899C; } #rad #rad_equipe div { flex-grow:1; line-height:normal; max-width:190px; margin:15px; padding:15px; border-radius:10px; box-sizing:border-box; background:#EEE; } #rad .rad_equipe_cv { display:block; margin-top:5px; } #rad #rad_equipe img { display:block; margin:auto; margin-bottom:8px; box-shadow:1px 1px 2px rgba(0,0,0,0.3); border-radius:7px; } #rad #rad_equipe a:link, #rad #rad_equipe a:visited { transform:scale(1); transition:transform 0.3s; } #rad #rad_equipe a:hover { transform:scale(1.1); text-decoration:none; } /* ---------- SOBRE > LISTA COMPETÊNCIAS ---------- */ #rad ol li { margin-bottom:12px; } /* ---------- FALE CONOSCO > FORMULÁRIO ---------- */ #rad form { border-radius:20px; } #rad form #rad_formulario_ttl { background:#A6D4D9; color:#332D5E; display:block; margin:-20px -20px 0 -20px; padding:15px 20px 15px 20px; font-size:1.1em; font-weight:bold; text-align:center; border-radius:20px 20px 0 0; } /* ---------- LOGO "SOMOS RAE" ---------- */ #rad #rad_footer_somosrae { background-image:url(/sobrepuc/admin/ctc/sou-ctc/imagens/rad_bkg_pagina_footer.png); background-repeat:repeat-x; background-position:bottom; text-align:center; padding:20px 0 20px 0; } #rad #rad_footer_somosrae img { width:150px; border:0; } /* ---------- RODAS DE CONVERSA ANTERIORES ---------- */ #rad_rodas_anteriores {} #rad_rodas_anteriores .puc_layout_coluna_3cols_interno { box-shadow:0 0 8px 0 rgba(0,0,0,0.3); } #rad_rodas_anteriores img { width:100%; margin:0 0 12px 0; border-bottom:1px solid #F2F2F2; } #rad_rodas_anteriores p { display:block; border-bottom:15px solid #FFFFFF; margin-bottom:0; padding:0 15px 0 15px; } #rad_rodas_anteriores .puc_link_destaque_centralizado_TAG-A { max-width:100%; margin-top:0; }