MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary Tag: Reverted |
No edit summary Tag: Manual revert |
||
| Line 9: | Line 9: | ||
/* Footer Atronia Website */ | /* Footer Atronia Website */ | ||
/* 1. Esconder rodapés e elementos nativos da MediaWiki */ | |||
/* 1. Esconder elementos nativos da MediaWiki */ | |||
#footer, .mw-footer, #catlinks, #p-cactions, #p-personal { | #footer, .mw-footer, #catlinks, #p-cactions, #p-personal { | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* 2. | /* 2. ESTILOS GERAIS DO FOOTER */ | ||
#custom-atronia-footer, | |||
#custom-atronia-footer p, | |||
#custom-atronia-footer h4, | |||
#custom-atronia-footer span { | |||
color: #ffffff !important; | |||
opacity: 1 !important; | |||
} | } | ||
. | /* 3. GRELHA DE PATROCINADORES (2 à esquerda | 2 à direita) */ | ||
display: | .sponsor-grid { | ||
display: grid !important; | |||
/* Cria 2 colunas de tamanho automático */ | |||
grid-template-columns: repeat(2, auto) !important; | |||
gap: 20px 40px !important; /* 20px entre linhas, 40px entre colunas */ | |||
max-width: fit-content !important; | |||
align-items: center !important; | |||
} | } | ||
/* Garante que os links não interfiram na grelha */ | |||
#custom-atronia-footer a:has(.footer-sponsor-img), | |||
.sponsor-grid a { | |||
display: block !important; | |||
width: auto !important; | |||
padding: 0 !important; | |||
background: none !important; | |||
border: none !important; | |||
} | } | ||
/* | /* Ajuste de tamanho uniforme e centralização */ | ||
.footer-sponsor-img { | |||
width: 350px !important; /* Largura fixa da "caixa" */ | |||
height: 70px !important; /* Altura fixa da "caixa" */ | |||
object-fit: contain !important; /* Garante que o logo caiba na caixa sem esticar */ | |||
object-position: left center !important; /* Alinha o logo à esquerda dentro da caixa */ | |||
display: block !important; | |||
filter: none !important; | |||
} | } | ||
/* | /* Remove margens extras que a Wiki coloca em links com imagens */ | ||
.sponsor-grid { | .sponsor-grid a { | ||
display: block !important; | display: block !important; | ||
line-height: 0 !important; | |||
text-decoration: none !important; | |||
} | } | ||
/* | /* 4. LINKS DAS COLUNAS (MENU, SOLUTIONS, ETC) */ | ||
.atronia-col a, .footer-legal-link { | .atronia-col a, | ||
.atronia-col a:link, | |||
.atronia-col a:visited, | |||
.atronia-col a:active, | |||
.footer-legal-link, | |||
.footer-legal-link:visited { | |||
display: block !important; | display: block !important; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
| Line 78: | Line 73: | ||
text-decoration: none !important; | text-decoration: none !important; | ||
margin-bottom: 12px !important; | margin-bottom: 12px !important; | ||
opacity: | opacity: 1 !important; | ||
background: none !important; | background: none !important; | ||
padding-right: 0 !important; | |||
} | |||
.footer-legal-link { | |||
display: inline-block !important; | |||
font-weight: bold !important; | |||
} | } | ||
.atronia-col a:hover, .footer-legal-link:hover { | #custom-atronia-footer a:hover, | ||
.atronia-col a:hover, | |||
.footer-legal-link:hover { | |||
text-decoration: underline !important; | text-decoration: underline !important; | ||
color: #ffffff !important; | |||
} | } | ||
/* 5. TÍTULOS DAS COLUNAS */ | |||
.atronia-col h4 { | .atronia-col h4 { | ||
font-size: 14px !important; | font-size: 14px !important; | ||
| Line 92: | Line 96: | ||
margin-bottom: 20px !important; | margin-bottom: 20px !important; | ||
border: none !important; | border: none !important; | ||
text-transform: none !important; | |||
} | |||
.atronia-col { | |||
min-width: 120px; | |||
margin-bottom: 20px; | |||
} | } | ||