@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 */ /* ================================================================================== FONTES CCS === */ @font-face { font-family:Cambria; font-weight:normal; font-style:normal; src:url(/fontes/cambria.ttf); } @font-face { font-family:Cambria; font-weight:normal; font-style:italic; src:url(/fontes/cambriai.ttf); } @font-face { font-family:Cambria; font-weight:bold; font-style:normal; src:url(/fontes/cambriab.ttf); } @font-face { font-family:Cambria; font-weight:bold; font-style:italic; src:url(/fontes/cambriaz.ttf); } /* ========================================================================== 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 ----- */ /* #ccs header h1 { color:#d69717; } */ #ccs header h1 { color:#944816; } /* ----- CAMINHO / BREADCRUMB ----- */ #ccs header nav a:link, #ccs header nav a:visited { color:#AAA; } #ccs header nav a:hover { color:#555; } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- #ccs header #puc_menu_vazio{ background:#E5E5E5; } */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #ccs header #puc_menu_faixa { background:#d69717; } /*#ccs header #puc_menu_faixa { background:#f1ae66; }*/ /* #ccs header #puc_menu_faixa { background:#faf5f1; border-bottom: #dbb8a0 dotted 1px; border-top: #dbb8a0 dotted 1px;} */ /* #ccs header #puc_menu_faixa { background:#e8ccb9; background:linear-gradient(#e8ccb9, #ffddc6) } */ /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #ccs header #menu span { background:#e89857; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #ccs header #menu { margin:1px 10px 0 10px; } #ccs header #menu span { top:0; margin-top:-1px; } #ccs header #menu a:link, #ccs header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { header #menu{} /* mouse out */ #ccs header #menu a:link, #ccs header #menu a:visited { color:#602f0e; } /* mouse over */ #ccs header #menu a:hover, #ccs header #menu .puc_menu_link_ativo:link, #ccs header #menu .puc_menu_link_ativo:visited { color:#FFF; background:#894010; background:linear-gradient(#894010, #a3511b); border-color:#FFF; } /* fecha @media (min-width:1140px) */ } header #menu a:link, header #menu a:visited, header #menu a:hover, header button { padding: 7px 10px 9px 12px;} /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #ccs header #menu a:link, #ccs header #menu a:visited { color:#894010; background:#e6dcd5; border-color:#d69717; } /* mouse over */ #ccs header #menu a:hover, #ccs header #menu .puc_menu_link_ativo:link, #ccs header #menu .puc_menu_link_ativo:visited { color:#FFF; background:#894010; border-color:#d69717; } /* fecha @media (max-width:1139px) */ } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #ccs header button { color:#FFF; background:#d69717; background-image:url(http://www.puc-rio.br/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat; } /* ----- SUBMENU DESKTOP ----- */ @media (min-width:1140px) { #ccs header #menu ul { background:#894010; } #ccs header #menu ul a:link, #ccs header #menu ul a:visited { color:#d69717; } #ccs header #menu ul a:hover { color:#f9c5a1; background:#be7949; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #ccs header #menu ul a:link, #ccs header #menu ul a:visited { border-bottom:1px solid #d69717; background:#894010; color:#e6dcd5; } #ccs header #menu ul a:hover { background:#be7949; color:#f9c5a1; } /* fecha @media (max-width:1139px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #ccs section { border-bottom-color:#D5DEC1; } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #ccs h1 { color:#666666; } #ccs h2 { color:#ba5b07; } #ccs h3 { color:#D55619; } #ccs h4 { color:#0B5182; } #ccs h5 { color:#68a9d7; } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #ccs section .puc_texto_destaque_em_quadro_centro, #ccs section .puc_texto_destaque_em_quadro_esquerda, #ccs section .puc_texto_destaque_em_quadro_direita { background:#E3E8EE; color:#07345B; } /* ----- LINKS (GERAL) ----- */ #ccs a:link, #ccs a:visited { color:#1A73A0; } #ccs a:hover { color:#09AEFF; } /* ----- LINK VOLTAR ----- */ #ccs section article button.puc_link_voltar_TAG-BUTTON { color:#043458; background:#D4DEE9; } #ccs section article button.puc_link_voltar_TAG-BUTTON:hover { color:#FFF; background:#043458; } /* ----- LINK DESTAQUE ----- */ #ccs section article a.puc_link_destaque_TAG-A:link, #ccs section article a.puc_link_destaque_TAG-A:visited, #ccs section article a.puc_link_destaque_centralizado_TAG-A:link, #ccs section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#B4CFE3; color:#043458; } #ccs section article a.puc_link_destaque_TAG-A:hover, #ccs section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#043458; color:#FFF; } /* ----- LINK DE PAGINAÇÃO ----- */ #ccs section article .puc_link_paginacao_anterior_TAG-A:link, #ccs section article .puc_link_paginacao_anterior_TAG-A:visited, #ccs section article .puc_link_paginacao_proximo_TAG-A:link, #ccs section article .puc_link_paginacao_proximo_TAG-A:visited { color:#1A73A0; } #ccs section article .puc_link_paginacao_anterior_TAG-A:hover, #ccs section article .puc_link_paginacao_proximo_TAG-A:hover { color:#09AEFF; } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #ccs section article .puc_imagem_galeria a:link, #ccs section article .puc_imagem_galeria a:visited { border-color:#CCC; background:#EEE; } #ccs section article .puc_imagem_galeria a:hover { border-color:#043458; background:#D4DEE9; } /* legenda dos thumbnails */ #ccs section article .puc_imagem_galeria a:link span.puc_imagem_galeria_legenda_TAG-SPAN, #ccs section article .puc_imagem_galeria a:visited span.puc_imagem_galeria_legenda_TAG-SPAN { color:#666; } #ccs section article .puc_imagem_galeria a:hover span.puc_imagem_galeria_legenda_TAG-SPAN { color:#043458; } /* ----- TABELA ----- */ /* bordas da tabela */ #ccs section article .puc_tabela_padrao_TAG-TABLE, #ccs section article .puc_tabela_padrao_TAG-TABLE td { border-color:#CCC; } /* linhas para tabela */ #ccs section article .puc_tabela_linha_n1_TAG-TR { background:#043458; color:#FFF; } #ccs section article .puc_tabela_linha_n2_TAG-TR { background:#9DBDD4; color:#043458; } #ccs section article .puc_tabela_linha_n3_TAG-TR { background:#CDDDE8; color:#043458; } #ccs section article .puc_tabela_linha_clara_TAG-TR { background:#EEE; } #ccs section article .puc_tabela_linha_escura_TAG-TR { background:#DDD; } /* ----- LINHA HORIZONTAL ----- */ #ccs hr { color:#d5dce5; background-color:#d5dce5; height:3px; } /* ----- LISTAS ----- */ /* bullet */ #ccs ul li::before { color:#09AEFF; } /* lista destaque */ #ccs section .puc_lista_especial_TAG-UL li::before, #ccs section .puc_lista_especial_item_unico_TAG-LI::before { color:#0B5182; } #ccs section .puc_lista_especial_TAG-UL li, #ccs section .puc_lista_especial_item_unico_TAG-LI { color:#0B5182; font-weight:normal; } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #ccs article form { background:#EEE; } /* campos de preenchimento */ #ccs article form input[type=text], #ccs article form input[type=password], #ccs article form input[type=file], #ccs article form textarea, #ccs article form select { background:#FFF; border-color:#CCC; } /* botão "enviar" */ #ccs article form input[type=submit] { background:#C2C3C8; color:#043458; } #ccs article form input[type=submit]:hover { background:#043458; color:#FFF; } /* ----- PLAYER DE ÁUDIO ----- */ #ccs section div.puc_player_audio_TAG-DIV { background:#B4CFE3; } #ccs section div.puc_player_audio_TAG-DIV:hover { background:#81BFE7; } /* ----- LINKS REDES SOCIAIS ----- */ #ccs div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #ccs section aside .puc_texto_coluna-lateral_titulo { color:#09AEFF; } /* ----- BANNER DE TEXTO ----- */ #ccs section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#E3E8EE; } /* ----- BANNER DE LINK ----- */ #ccs section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #ccs section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#043458; background:#B4CFE3; } #ccs 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" */ /* ----- SUBMENU DESKTOP - LARGURA DE CADA LINK ----- */ #submenu_1D { width:202px; } /* -------------------------------------------------- */ /* ---------------------------------------------------------------------------------------- INDEX --- */ /* -------------------------------------------------------------------------------------------------- */ #ccs .ccs_noticias { font-family: Cambria; font-weight: normal; color: #083459; font-size:1.5em; } #ccs .list_teses_index li a:link, #ccs .list_teses_index li a:visited { color: #666666; } #ccs .list_teses_index li { list-style-image: url(../imagens/img_ccs_bul_teses.png); alignment-baseline: middle; padding-right: 10px; } #ccs .list_teses_index li::before { color:#FFFFFF; } #ccs .list_teses_index li a:link, #ccs .list_teses_index li a:visited {vertical-align: 8px;} /* --- NOTICIAS --- */ #ccs .ccs_index_noticias {} /* -------------------------------------------------------------------------------- DEPARTAMENTOS --- */ /* -------------------------------------------------------------------------------------------------- */ #ccs .ccs_cartao_visita { border-top: 2px #0F77C3 solid; } #ccs .ccs_cartao_depto_grupo { padding: 10px; } #ccs .ccs_cartao_depto, .ccs_cartao_depto2 { align-items: center; float: left; height: 250px; padding: 10px; text-align: center; width: 300px; } #ccs .ccs_cartao_depto { background-color: #e2e2e0; } #ccs .ccs_cartao_depto2 { background-color: #f0f0ee; } /* ---------------------------------------------------------------------------------- PUBLICAÇÕES --- */ /* -------------------------------------------------------------------------------------------------- */ #ccs #ccs_periodicos { background:#dbe4ef; padding:13px 30px 18px 30px; max-width:650px; margin:0 0 0 20px; } #ccs .ccs_plink_depto:link, #ccs .ccs_plink_depto:visited { display:flex; align-items:center; font-size:1.5em; font-weight: normal; padding:10px 0 12px 0; -webkit-transition:background 0.3s, color 0.3s; transition:background 0.3s, color 0.3s; } #ccs .ccs_plink_depto:hover { text-decoration:none; } #ccs .ccs_plink_depto img { border:0; margin-right:5px; width:25px; -webkit-transition:transform 0.3s, margin-right 0.3s; transition:transform 0.3s, margin-right 0.3s; } #ccs .ccs_plink_depto:hover img { margin-right:13px; -ms-transform:scale(1.5,1.5); /* IE 9 */ -webkit-transform:scale(1.5,1.5); /* Safari */ transform:scale(1.5,1.5); } /* ----- SLIDESHOW ----- */ #ccs_index_imagem_slideshow { margin-bottom:30px; border-bottom:none solid #336699; } /* ------------------------------------------------------------------------------------- HISTORIA --- */ /* -------------------------------------------------------------------------------------------------- */ #ccs .ccs_texto_imagem { float: left; position: relative; display: table; vertical-align: middle; /*justify-content: center;*/ } /* ------------------------------------------------------------------------------------- POLAROID --- */ /* -------------------------------------------------------------------------------------------------- */ /* ----- IMAGEM "POLAROID" ----- */ #ccs .ccs_imagem_polaroid_esquerda, #ccs .ccs_imagem_polaroid_direita { background:#DDD; max-width:314px; box-shadow:1px 1px 3px rgba(0,0,0,0.3); padding:7px; box-sizing:border-box; } #ccs .ccs_imagem_polaroid_esquerda .puc_texto_menor, #ccs .ccs_imagem_polaroid_direita .puc_texto_menor { line-height:normal; display:block; } @media (min-width:650px) { #ccs .ccs_imagem_polaroid_esquerda { margin:8px 25px 15px 2px; float:left; } #ccs .ccs_imagem_polaroid_direita { margin:8px 2px 15px 25px; float:right; } #ccs .ccs_imagem_polaroid_grupo .ccs_imagem_polaroid_esquerda, #ccs .ccs_imagem_polaroid_grupo .ccs_imagem_polaroid_direita { margin:16px; } } /* fecha @media (min-width:650px) */ @media (max-width:649px) { #ccs .ccs_imagem_polaroid_esquerda, #ccs .ccs_imagem_polaroid_direita { margin:20px auto 20px auto; display:block; } #ccs .ccs_imagem_polaroid_grupo .ccs_imagem_polaroid_esquerda, #ccs .ccs_imagem_polaroid_grupo .ccs_imagem_polaroid_direita { margin:16px; } } /* fecha @media (max-width:649px) */ /* ----- IMAGEM "POLAROID" > GRUPO ----- */ .ccs_imagem_polaroid_grupo { width:100%; display:flex; justify-content:center; flex-wrap:wrap; } /* ------------------------------------------------------------------- MISSÃO E OBJETIVOS > FOTOS --- */ /* -------------------------------------------------------------------------------------------------- */ #ccs_missao_imagens { display:flex; flex-direction:column; width:100%; max-width:520px; } @media (min-width:870px) { #ccs_missao_imagens { float:left; margin:5px 27px 15px 0; } } @media (max-width:869px) { #ccs_missao_imagens { display:block; margin:5px auto 35px auto; } } #ccs .puc_imagem_galeria a { margin:0; border:0; } #ccs #ccs_missao_imagens a figure { display:none; visibility:hidden; } /* --------------------------------------------------------------------------------------- RODAPÉ --- */ /* -------------------------------------------------------------------------------------------------- */ footer #css_rodape_linha { border-top:5px solid #d5dce5; } footer #ccs_rodape_conteudo { max-width:1100px; margin:auto; } /* ----------------------------------------------------------------------------------- PERIÓDICOS --- */ /* -------------------------------------------------------------------------------------------------- */ .ccs_periodicos_box1 { box-shadow:0px 0px 5px #dcdcdc; font-family:Roboto; padding:10px; margin:30px 0 20px 0; } .ccs_periodicos_box2 { border-left:10px solid #0a4f76; box-shadow:0px 0px 5px #dcdcdc; font-family:Roboto; font-size:14px; padding:15px; margin-bottom:25px; min-height:191px; box-sizing:border-box; } .ccs_periodicos_box3 { /*border-left:5px solid #0a4f76;*/ box-shadow:0px 0px 5px #dcdcdc; font-family:Roboto; font-size:14px; padding:15px; margin-bottom:25px; min-height:191px; box-sizing:border-box; } .ccs_borda_imagem { border:3px solid #0A4F76; } .ccs_borda_imagem2 { border:3px solid #0A4F76; border-radius: 8px;} .ccs_espaco_sem_imagem { display:flex; align-items:center; justify-content:center; width:158px; height:239px; background:#D5DCE5; border:3px solid #0A4F76; color:#777; }