MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 9: | Line 9: | ||
/* Footer Atronia Website */ | /* Footer Atronia Website */ | ||
/* --- | /* --- AJUSTE FINAL: SCROLL E HOVER --- */ | ||
/* 1. Scrolling Text | /* 1. Scrolling Text - Correção de Visibilidade */ | ||
.atronia-scrolling-container { | .atronia-scrolling-container { | ||
background-color: #121e1c !important; | background-color: #121e1c !important; | ||
overflow: hidden; | overflow: hidden; | ||
padding: | padding: 30px 0; | ||
border-top: 1px solid #ffffff !important; | border-top: 1px solid #ffffff !important; | ||
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 28: | Line 29: | ||
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 Branco e Remover Cores de Hover */ | |||
#custom-atronia-footer, | |||
#custom-atronia-footer a, | #custom-atronia-footer a, | ||
#custom-atronia-footer a:visited, | |||
#custom-atronia-footer p, | #custom-atronia-footer p, | ||
#custom-atronia-footer h4 { | #custom-atronia-footer h4 { | ||
color: #ffffff !important; | color: #ffffff !important; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
background-color: transparent !important; | |||
} | } | ||
/* Hover: Apenas Underline, Sem Troca de Cor */ | |||
#custom-atronia-footer a:hover { | #custom-atronia-footer a:hover { | ||
text-decoration: underline !important; | text-decoration: underline !important; | ||
opacity: | color: #ffffff !important; | ||
background: none !important; | |||
opacity: 1 !important; | |||
} | } | ||
/* 3. | /* 3. Colunas do Menu (Largura Fixa) */ | ||
.atronia-col { | .atronia-col { | ||
flex: 1; | flex: 1; | ||
min-width: | min-width: 150px !important; | ||
margin-right: 20px; | margin-right: 20px; | ||
} | } | ||
.atronia-col h4 { | .atronia-col h4 { | ||
font-size: 14px !important; | font-size: 14px !important; | ||
margin-bottom: 20px !important; | margin-bottom: 20px !important; | ||
border: none !important; | border: none !important; | ||
} | } | ||
.atronia-col a { | .atronia-col a { | ||
display: block !important; | display: block !important; | ||
margin-bottom: 12px !important; | margin-bottom: 12px !important; | ||
} | } | ||
/* 4. Logos 2x2 */ | /* 4. Grelha de Logos 2x2 */ | ||
.sponsor-grid { | .sponsor-grid { | ||
display: grid !important; | display: grid !important; | ||
| Line 74: | Line 83: | ||
gap: 20px 40px !important; | gap: 20px 40px !important; | ||
} | } | ||
.footer-sponsor-img { | .footer-sponsor-img { | ||
width: 250px !important; | width: 250px !important; | ||