@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=Lobster'); /* ========================================================================== 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 ----- */ #voltaasaulas header h1 { color:#666666; } /* ----- CAMINHO / BREADCRUMB ----- */ #voltaasaulas header nav a:link, #voltaasaulas header nav a:visited { color:#AAA; } #voltaasaulas header nav a:hover { color:#555; } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #voltaasaulas header #puc_menu_vazio { background:#E5E5E5; } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #voltaasaulas section { border-bottom-color:#D5DEC1; } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #voltaasaulas h1 { color:#666666; } #voltaasaulas h2 { color:#A94C3D; } #voltaasaulas h3 { color:#E98553; } #voltaasaulas h4 { color:#CD7A6C; } #voltaasaulas h5 { color:#777777; } /* ----- TEXTO DESTAQUE EM QUADRO ----- #voltaasaulas section .puc_texto_destaque_em_quadro_centro, #voltaasaulas section .puc_texto_destaque_em_quadro_esquerda, #voltaasaulas section .puc_texto_destaque_em_quadro_direita { background:#E3E8EE; color:#07345B; } */ /* ----- LINKS (GERAL) ----- */ #voltaasaulas a:link, #voltaasaulas a:visited { color:#A94C3D; } #voltaasaulas a:hover { color:#E98553; } /* ----- LINK VOLTAR ----- */ #voltaasaulas section article button.puc_link_voltar_TAG-BUTTON { color:#A94C3D; background:#F0D3C7; } #voltaasaulas section article button.puc_link_voltar_TAG-BUTTON:hover { color:#FFF; background:#CD7A6C; } /* ----- LINK DESTAQUE ----- */ #voltaasaulas section article a.puc_link_destaque_TAG-A:link, #voltaasaulas section article a.puc_link_destaque_TAG-A:visited, #voltaasaulas section article a.puc_link_destaque_centralizado_TAG-A:link, #voltaasaulas section article a.puc_link_destaque_centralizado_TAG-A:visited { color:#A94C3D; background:#F0D3C7; } #voltaasaulas section article a.puc_link_destaque_TAG-A:hover, #voltaasaulas section article a.puc_link_destaque_centralizado_TAG-A:hover { color:#FFF; background:#CD7A6C; } /* ----- LINK DE PAGINAÇÃO ----- #voltaasaulas section article .puc_link_paginacao_anterior_TAG-A:link, #voltaasaulas section article .puc_link_paginacao_anterior_TAG-A:visited, #voltaasaulas section article .puc_link_paginacao_proximo_TAG-A:link, #voltaasaulas section article .puc_link_paginacao_proximo_TAG-A:visited { color:#1A73A0; } #voltaasaulas section article .puc_link_paginacao_anterior_TAG-A:hover, #voltaasaulas section article .puc_link_paginacao_proximo_TAG-A:hover { color:#09AEFF; } */ /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails #voltaasaulas section article .puc_imagem_galeria a:link, #voltaasaulas section article .puc_imagem_galeria a:visited { border-color:#CCC; background:#EEE; } #voltaasaulas section article .puc_imagem_galeria a:hover { border-color:#043458; background:#D4DEE9; } */ /* legenda dos thumbnails #voltaasaulas section article .puc_imagem_galeria a:link span.puc_imagem_galeria_legenda_TAG-SPAN, #voltaasaulas section article .puc_imagem_galeria a:visited span.puc_imagem_galeria_legenda_TAG-SPAN { color:#666; } #voltaasaulas section article .puc_imagem_galeria a:hover span.puc_imagem_galeria_legenda_TAG-SPAN { color:#043458; } */ /* ----- TABELA ----- */ /* bordas da tabela */ #voltaasaulas section article .puc_tabela_padrao_TAG-TABLE, #voltaasaulas section article .puc_tabela_padrao_TAG-TABLE td { border-color:#CCC; background:#F5F5F5; } /* linhas para tabela */ #voltaasaulas section article .puc_tabela_linha_n1_TAG-TR { background:#043458; color:#FFF; } #voltaasaulas section article .puc_tabela_linha_n2_TAG-TR td { background:#F4D8AF; color:#A94C3D; font-weight:bold; } #voltaasaulas section article .puc_tabela_linha_n3_TAG-TR { background:#CDDDE8; color:#043458; } #voltaasaulas section article .puc_tabela_linha_clara_TAG-TR { background:#FFFFFF; } #voltaasaulas section article .puc_tabela_linha_escura_TAG-TR td { background:#E8E8E8 !important; } #voltaasaulas section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#F5F5F5; } #voltaasaulas section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#E5E5E5; } /* ----- LINHA HORIZONTAL ----- */ #voltaasaulas hr { color:#CCC; } /* ----- LISTAS ----- */ /* bullet #voltaasaulas ul li::before { color:#09AEFF; } */ /* lista destaque #voltaasaulas section .puc_lista_especial_TAG-UL li::before, #voltaasaulas section .puc_lista_especial_item_unico_TAG-LI::before { color:#0B5182; } #voltaasaulas section .puc_lista_especial_TAG-UL li, #voltaasaulas section .puc_lista_especial_item_unico_TAG-LI { color:#0B5182; } */ /* ----- FORMULÁRIOS ----- */ /* área do formulário #voltaasaulas article form { background:#EEE; } */ /* campos de preenchimento #voltaasaulas article form input[type=text], #voltaasaulas article form input[type=password], #voltaasaulas article form input[type=file], #voltaasaulas article form textarea, #voltaasaulas article form select { background:#FFF; border-color:#CCC; } */ /* botão "enviar" #voltaasaulas article form input[type=submit] { background:#C2C3C8; color:#043458; } #voltaasaulas article form input[type=submit]:hover { background:#043458; color:#FFF; } */ /* ----- PLAYER DE ÁUDIO ----- #voltaasaulas section div.puc_player_audio_TAG-DIV { background:#B4CFE3; } #voltaasaulas section div.puc_player_audio_TAG-DIV:hover { background:#81BFE7; } */ /* ----- LINKS REDES SOCIAIS ----- #voltaasaulas div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } */ /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- #voltaasaulas section aside .puc_texto_coluna-lateral_titulo { color:#09AEFF; } */ /* ----- BANNER DE TEXTO ----- #voltaasaulas section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#E3E8EE; } */ /* ----- BANNER DE LINK ----- #voltaasaulas section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #voltaasaulas section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#043458; background:#B4CFE3; } #voltaasaulas 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" */ .puc_layout_coluna_2cols_interno { background:#F4D8AF; padding:20px; box-sizing:border-box; } .puc_layout_coluna_2cols_interno h4 { margin:0 !important; } .voltaasaulas_titulo { font-family: 'Lobster', cursive !important; margin:10px 0 7px 0; font-size:3.2em; line-height:normal; padding-bottom:10px; } .voltaasaulas_quadros { background:#F9F5E8; padding:20px; margin-bottom:30px; } .voltaasaulas_quadros h3 { margin-top:5px; } @media (min-width:750px) { #voltaasaulas #voltaasaulas_computador { margin-bottom:-100px; } #voltaasaulas #voltaasaulas_calendario { margin:0 10px 0 10px; } #voltaasaulas #voltaasaulas_inicio .puc_layout_area-inicial_direita { text-align:right; padding:30px 0 20px 10px; } #voltaasaulas #voltaasaulas_raeccesp { margin:30px 15px -100px 0; display:flex; } #voltaasaulas #voltaasaulas_raeccesp2 { margin:20px 0 5px 0; text-align:right; } } @media (max-width:749px) { #voltaasaulas #voltaasaulas_postit { padding:15px 0 5px 0; } #voltaasaulas #voltaasaulas_computador { display:none; visibility:hidden; } #voltaasaulas #voltaasaulas_calendario { display:block; margin:0 10px 15px 10px; } #voltaasaulas #voltaasaulas_inicio .puc_layout_area-inicial_esquerda { text-align:center; margin-bottom:0; } #voltaasaulas #voltaasaulas_inicio .puc_layout_area-inicial_direita { text-align:right; padding:25px 0 20px 10px; border-top:1px solid #F2B799; } #voltaasaulas #voltaasaulas_raeccesp { margin:20px 15px -100px 10px; display:flex; } #voltaasaulas #voltaasaulas_raeccesp2 { margin:20px -10px 5px 10px; text-align:center; } } #voltaasaulas #voltaasaulas_raeccesp2 a { display:block; margin-bottom:15px; } .link_postit img { transform:scale(1); transform-origin:center; transition:transform 0.3s;} .link_postit:hover img { transform:scale(1.1); } .voltaasaulas_quadros h5 { line-height:normal; }