Jump to content

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 9: Line 9:
/* Footer Atronia Website */
/* Footer Atronia Website */


/* --- BLOCO DE SCROLL (TECH THAT MAKES SENSE) --- */
/* --- 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 rgba(255,255,255,0.1);
     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 {
    display: inline-block;
    animation: atronia-scroll 30s linear infinite;
}
.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.3);
     -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; }


/* --- ESTILOS DO RODAPÉ (CORES E HOVERS) --- */
/* 2. Forçar Cores Brancas (Garante que nada fique preto) */
#custom-atronia-footer {
#custom-atronia-footer,
    background-color: #121e1c !important;
#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;
}
}


/* Forçar cor branca em TODOS os links e estados */
/* 3. Ajuste das Colunas do Menu */
#custom-atronia-footer a,
.atronia-col {
#custom-atronia-footer a:link,
    flex: 1;
#custom-atronia-footer a:visited,
    min-width: 150px; /* Impede que as palavras desapareçam ou se colm */
#custom-atronia-footer .atronia-col a {
    margin-bottom: 20px;
     color: #ffffff !important;
}
     text-decoration: none !important;
.atronia-col a {
     display: block !important;
    margin-bottom: 10px !important;
     font-size: 14px !important;
     opacity: 0.8;
     opacity: 0.8;
    transition: opacity 0.2s ease;
    background: none !important;
}
}
 
.atronia-col a:hover {
/* Efeito Hover - Brilho e Sublinhado */
#custom-atronia-footer a:hover {
     opacity: 1 !important;
     opacity: 1 !important;
     text-decoration: underline !important;
     text-decoration: underline !important;
    color: #ffffff !important;
}
}


/* Grelha de Logos 2x2 (Mantendo a correção anterior) */
/* 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;
    max-width: fit-content !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;
    object-position: left center !important;
    display: block !important;
}
}


/* Esconder elementos nativos da Wiki */
/* 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; }