@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 */ /* ========================================================================== 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 ----- */ #igreja header h1 { color:#666666; } /* ----- CAMINHO / BREADCRUMB ----- */ #igreja header nav a:link, #igreja header nav a:visited { color:#AAA; } #igreja header nav a:hover { color:#555; } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- #igreja header #puc_menu_vazio { background:#E5E5E5; } */ /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #igreja header #puc_menu_faixa { background:none; } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #igreja header #menu span { background:#6F4B47; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #igreja header #menu { margin:1px 10px 0 10px; } #igreja header #menu span { top:0; margin-top:-1px; } #igreja header #menu a:link, #igreja header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #igreja header #menu a:link, #igreja header #menu a:visited { color:#6F4B47; } /* mouse over */ #igreja header #menu a:hover, #igreja header #menu .puc_menu_link_ativo:link, #igreja header #menu .puc_menu_link_ativo:visited { color:#79584B; background:#E0D5C8; border-color:#FFF; } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #igreja header #menu a:link, #igreja header #menu a:visited { color:#6F4B47; background:#E0D5C8; border-color:#BFA99A; } /* mouse over */ #igreja header #menu a:hover, #igreja header #menu .puc_menu_link_ativo:link, #igreja header #menu .puc_menu_link_ativo:visited { color:#FFF; background:#6F4B47; border-color:#DED1C2; } /* fecha @media (max-width:1139px) */ } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #igreja header button { color:#FFF; background:#856762; background-image:url(/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat; } /* ----- SUBMENU DESKTOP ----- @media (min-width:1140px) { #igreja header #menu ul { background:#043458; } #igreja header #menu ul a:link, #igreja header #menu ul a:visited { color:#97D3FF; } #igreja header #menu ul a:hover { color:#0092FF; background:#18496E; } */ /* fecha @media (min-width:1140px) } */ /* ----- SUBMENU MOBILE ----- @media (max-width:1139px) { #igreja header #menu ul a:link, #igreja header #menu ul a:visited { border-bottom:1px solid #467288; background:#5B7D96; color:#97D3FF; } #igreja header #menu ul a:hover { background:#5B7D96; color:#0092FF; } */ /* fecha @media (max-width:1139px) } */ /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- #igreja section { border-bottom-color:#D5DEC1; } */ /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- #igreja h1 { color:#666666; } #igreja h2 { color:#6F4B47; } #igreja h3 { color:#9D8479; } #igreja h4 { color:#888888; } #igreja h5 { color:#666666; }*/ /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #igreja section .puc_texto_destaque_em_quadro_centro, #igreja section .puc_texto_destaque_em_quadro_esquerda, #igreja section .puc_texto_destaque_em_quadro_direita { background:#E0D5C8; color:#6F4B47; } /* ----- LINKS (GERAL) ----- */ #igreja a:link, #igreja a:visited { color:#6F4B47; } #igreja a:hover { color:#9D8479; } /* ----- LINK VOLTAR ----- */ #igreja section article button.puc_link_voltar_TAG-BUTTON { color:#6F4B47; background:#E0D5C8; } #igreja section article button.puc_link_voltar_TAG-BUTTON:hover { color:#E0D5C8; background:#6F4B47; } /* ----- LINK DESTAQUE ----- */ #igreja section article a.puc_link_destaque_TAG-A:link, #igreja section article a.puc_link_destaque_TAG-A:visited, #igreja section article a.puc_link_destaque_centralizado_TAG-A:link, #igreja section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#DBBDAD; color:#6F4B47; } #igreja section article a.puc_link_destaque_TAG-A:hover, #igreja section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#6F4B47; color:#FFF; } /* ----- LINK DE PAGINAÇÃO ----- */ #igreja section article .puc_link_paginacao_anterior_TAG-A:link, #igreja section article .puc_link_paginacao_anterior_TAG-A:visited, #igreja section article .puc_link_paginacao_proximo_TAG-A:link, #igreja section article .puc_link_paginacao_proximo_TAG-A:visited { color:#6F4B47; } #igreja section article .puc_link_paginacao_anterior_TAG-A:hover, #igreja section article .puc_link_paginacao_proximo_TAG-A:hover { color:#9D8479; } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #igreja section article .puc_imagem_galeria a:link, #igreja section article .puc_imagem_galeria a:visited { border-color:rgba(0,0,0,0.15); background:rgba(0,0,0,0.04); } #igreja section article .puc_imagem_galeria a:hover { border-color:#6F4B47; background:#E0D5C8; } /* legenda dos thumbnails */ #igreja section article .puc_imagem_galeria a:link span.puc_imagem_galeria_legenda_TAG-SPAN, #igreja section article .puc_imagem_galeria a:visited span.puc_imagem_galeria_legenda_TAG-SPAN { color:#666666; } #igreja section article .puc_imagem_galeria a:hover span.puc_imagem_galeria_legenda_TAG-SPAN { color:#6F4B47; } /* ----- TABELA ----- */ /* bordas da tabela #igreja section article .puc_tabela_padrao_TAG-TABLE, #igreja section article .puc_tabela_padrao_TAG-TABLE td { border-color:rgba(0,0,0,0.15); } */ /* linhas para tabela #igreja section article .puc_tabela_linha_n1_TAG-TR { background:#043458; color:#FFF; } #igreja section article .puc_tabela_linha_n2_TAG-TR { background:#9DBDD4; color:#043458; } #igreja section article .puc_tabela_linha_n3_TAG-TR { background:#CDDDE8; color:#043458; } #igreja section article .puc_tabela_linha_clara_TAG-TR { background:rgba(0,0,0,0.04); } #igreja section article .puc_tabela_linha_escura_TAG-TR { background:#DDD; } #igreja section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#F5F5F5; } #igreja section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#E5E5E5; } */ /* ----- LINHA HORIZONTAL ----- */ #igreja hr { color:#6F4B47; } /* ----- LISTAS ----- */ /* bullet */ #igreja ul li::before { color:#9D8479; } /* lista destaque */ #igreja section .puc_lista_especial_TAG-UL li::before, #igreja section .puc_lista_especial_item_unico_TAG-LI::before { color:#6F4B47; } #igreja section .puc_lista_especial_TAG-UL li, #igreja section .puc_lista_especial_item_unico_TAG-LI { color:#6F4B47; } /* ----- FORMULÁRIOS ----- */ /* área do formulário #igreja article form { background:rgba(0,0,0,0.04); } */ /* campos de preenchimento #igreja article form input[type=text], #igreja article form input[type=password], #igreja article form input[type=file], #igreja article form textarea, #igreja article form select { background:#FFF; border-color:rgba(0,0,0,0.15); } */ /* botão "enviar" #igreja article form input[type=submit] { background:#C2C3C8; color:#043458; } #igreja article form input[type=submit]:hover { background:#043458; color:#FFF; } */ /* ----- PLAYER DE ÁUDIO ----- */ #igreja section div.puc_player_audio_TAG-DIV { background:#DFD2C5; } #igreja section div.puc_player_audio_TAG-DIV:hover { background:#DBBDAD; } /* ----- LINKS REDES SOCIAIS ----- */ #igreja div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #igreja section aside .puc_texto_coluna-lateral_titulo { color:#888888; } /* ----- BANNER DE TEXTO ----- */ #igreja section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#E0D5C8; } /* ----- BANNER DE LINK ----- */ #igreja section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #igreja section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#370B06; background:#E0D5C8; } #igreja section aside p.puc_texto_coluna-lateral_banner_TAG-P a:hover { background:#DBBDAD; } /* ========================================================================== 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_exemplo1D { width:203px; } */ /* -------------------------------------------------- */ #igreja_mapagoogle { height:200px; width:100%; } #igreja_inicio .puc_layout_area-inicial_esquerda img { margin-bottom:15px; } #igreja_inicio_info { background:#E0D5C8; padding:5px; } #igreja_inicio_info_inner { border:1px solid #6F4B47; padding:10px; margin-bottom:0; } #igreja_inicio_info_inner p { margin:0 0 15px 0; } #igreja_inicio_info img { width:9px; height:11px; float:left; margin:4px 5px 0 0; } #igreja_inicio_destaques a { display:flex; align-items:center; font-family:"Roboto Condensed"; font-size:1.3em; } #igreja_inicio_destaques a img { margin-right:12px; } #igreja_galeria_index { display:flex; justify-content:flex-start; flex-wrap:wrap; } #igreja #igreja_galeria_index a:link, #igreja #igreja_galeria_index a:visited { color:#FFFFFF; font-weight:bold; border:3px solid rgba(0,0,0,0.15); transition:border 0.3s; line-height:0; margin:10px; } #igreja #igreja_galeria_index a:hover { border:3px solid #6F4B47; text-decoration:none; } #igreja #igreja_galeria_index a img { border:0; margin:0; width:150px; height:150px; } #igreja #igreja_galeria_index a span { position:absolute; width:134px; padding:5px 8px 5px 8px; background:rgba(111,75,71,0.8); line-height:normal; } #igreja #igreja_arquivo select { background:#DBBDAD; color:#370B06; font:1.1em Verdana; border:0; padding:10px; width:100%; }