MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 9: | Line 9: | ||
/* Footer Atronia Website */ | /* Footer Atronia Website */ | ||
/* --- | /* --- ESTILOS DO RODAPÉ ATRONIA --- */ | ||
/* 1. Scrolling Text (Texto Vazado) */ | |||
.atronia-scrolling-container { | .atronia-scrolling-container { | ||
background-color: #121e1c !important; | background-color: #121e1c !important; | ||
| Line 15: | Line 17: | ||
white-space: nowrap; | white-space: nowrap; | ||
padding: 25px 0; | padding: 25px 0; | ||
border-top: 1px solid | border-top: 1px solid #ffffff !important; /* Separador Branco Superior */ | ||
border-bottom: 1px solid rgba(255,255,255,0.1); | border-bottom: 1px solid rgba(255,255,255,0.1); | ||
} | } | ||
.atronia-scrolling-content span { | .atronia-scrolling-content span { | ||
font-family: sans-serif; | font-family: sans-serif; | ||
| Line 29: | Line 25: | ||
font-weight: bold; | font-weight: bold; | ||
color: transparent !important; | color: transparent !important; | ||
-webkit-text-stroke: 1px rgba(255,255,255,0. | -webkit-text-stroke: 1px rgba(255,255,255,0.4); | ||
text-transform: uppercase; | text-transform: uppercase; | ||
padding-right: 50px; | padding-right: 50px; | ||
} | } | ||
@keyframes atronia-scroll { | @keyframes atronia-scroll { | ||
0% { transform: translateX(0); } | 0% { transform: translateX(0); } | ||
100% { transform: translateX(-50%); } | 100% { transform: translateX(-50%); } | ||
} | } | ||
.atronia-scrolling-content { display: inline-block; animation: atronia-scroll 30s linear infinite; } | |||
/* --- | /* 2. Forçar Cores Brancas (Garante que nada fique preto) */ | ||
#custom-atronia-footer | #custom-atronia-footer, | ||
#custom-atronia-footer p, | |||
#custom-atronia-footer h4, | |||
#custom-atronia-footer span, | |||
#custom-atronia-footer a { | |||
color: #ffffff !important; | color: #ffffff !important; | ||
text-decoration: none !important; | |||
} | } | ||
/* | /* 3. Ajuste das Colunas do Menu */ | ||
.atronia-col { | |||
flex: 1; | |||
min-width: 150px; /* Impede que as palavras desapareçam ou se colm */ | |||
margin-bottom: 20px; | |||
} | |||
.atronia-col a { | |||
display: block !important; | |||
margin-bottom: 10px !important; | |||
font-size: 14px !important; | |||
opacity: 0.8; | opacity: 0.8; | ||
} | } | ||
.atronia-col a:hover { | |||
opacity: 1 !important; | opacity: 1 !important; | ||
text-decoration: underline !important; | text-decoration: underline !important; | ||
} | } | ||
/* Grelha de Logos 2x2 | /* 4. Grelha de Logos 2x2 */ | ||
.sponsor-grid { | .sponsor-grid { | ||
display: grid !important; | display: grid !important; | ||
grid-template-columns: repeat(2, auto) !important; | grid-template-columns: repeat(2, auto) !important; | ||
gap: 20px 40px !important; | gap: 20px 40px !important; | ||
align-items: center !important; | align-items: center !important; | ||
} | } | ||
.footer-sponsor-img { | .footer-sponsor-img { | ||
width: 250px !important; | width: 250px !important; | ||
height: 70px !important; | height: 70px !important; | ||
object-fit: contain !important; | object-fit: contain !important; | ||
} | } | ||
/* Esconder elementos nativos | /* Esconder elementos nativos */ | ||
#footer, .mw-footer, #catlinks, #p-cactions, #p-personal { display: none !important; } | #footer, .mw-footer, #catlinks, #p-cactions, #p-personal { display: none !important; } | ||