Jump to content

MediaWiki:Common.css: Difference between revisions

No edit summary
Tag: Manual revert
No edit summary
Tag: Reverted
Line 10: Line 10:




/* --- ESTILOS APENAS PARA O SCROLLING TEXT --- */
/* --- ESTILOS DO FOOTER ATRONIA --- */
 
/* 1. Esconder elementos nativos */
#footer, .mw-footer, #catlinks, #p-cactions, #p-personal { display: none !important; }
 
/* 2. Scrolling Text */
.atronia-scrolling-container {
.atronia-scrolling-container {
     background-color: #121e1c;
     background-color: #121e1c !important;
     overflow: hidden;
     overflow: hidden;
     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 rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1); /* Cria a linha separadora */
}
.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;
     font-size: 50px;
     font-size: 50px;
     font-weight: bold;
     font-weight: bold;
     color: transparent;
     color: transparent !important;
     -webkit-text-stroke: 1px rgba(255,255,255,0.3); /* Efeito vazado do site */
     -webkit-text-stroke: 1px rgba(255,255,255,0.3);
     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; }


 
/* 3. Cores e Links (Garante o Branco e Hovers) */
 
#custom-atronia-footer,  
/* 1. Esconder rodapés e elementos nativos da MediaWiki */
#custom-atronia-footer p,
#footer, .mw-footer, #catlinks, #p-cactions, #p-personal {
#custom-atronia-footer h4,
     display: none !important;
#custom-atronia-footer a,
#custom-atronia-footer a:link,
#custom-atronia-footer a:visited {
     color: #ffffff !important;
    text-decoration: none !important;
    background: none !important;
}
}


/* 2. ESTILOS GERAIS DO FOOTER */
#custom-atronia-footer a:hover {
#custom-atronia-footer,
    text-decoration: underline !important;
#custom-atronia-footer p,
#custom-atronia-footer h4,
#custom-atronia-footer span {
     color: #ffffff !important;
     color: #ffffff !important;
     opacity: 1 !important;
     opacity: 0.8;
}
}


/* 3. GRELHA DE PATROCINADORES (2 à esquerda | 2 à direita) */
/* 4. Grelha de Logos 2x2 */
.sponsor-grid {
.sponsor-grid {
     display: grid !important;
     display: grid !important;
    /* Cria 2 colunas de tamanho automático */
     grid-template-columns: repeat(2, auto) !important;
     grid-template-columns: repeat(2, auto) !important;  
     gap: 20px 40px !important;
     gap: 20px 40px !important; /* 20px entre linhas, 40px entre colunas */
     max-width: fit-content !important;
     max-width: fit-content !important;  
     align-items: center !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 {
.footer-sponsor-img {
     width: 350px !important; /* Largura fixa da "caixa" */
     width: 250px !important;  
     height: 70px !important; /* Altura fixa da "caixa" */
     height: 70px !important;
     object-fit: contain !important; /* Garante que o logo caiba na caixa sem esticar */
     object-fit: contain !important;
     object-position: left center !important; /* Alinha o logo à esquerda dentro da caixa */
     object-position: left center !important;
    display: block !important;
    filter: none !important;
}
 
/* Remove margens extras que a Wiki coloca em links com imagens */
.sponsor-grid a {
    display: block !important;
    line-height: 0 !important;
    text-decoration: none !important;
}
 
/* 4. LINKS DAS COLUNAS (MENU, SOLUTIONS, ETC) */
.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;
    font-size: 14px !important;
    text-decoration: none !important;
    margin-bottom: 12px !important;
    opacity: 1 !important;
    background: none !important;
    padding-right: 0 !important;
}
.footer-legal-link {
    display: inline-block !important;
    font-weight: bold !important;
}
#custom-atronia-footer a:hover,
.atronia-col a:hover,
.footer-legal-link:hover {
    text-decoration: underline !important;
    color: #ffffff !important;
}
}


/* 5. TÍTULOS DAS COLUNAS */
/* 5. Colunas de Menu */
.atronia-col h4 {
.atronia-col h4 {
    font-size: 14px !important;
     font-weight: bold !important;
     font-weight: bold !important;
     margin-bottom: 20px !important;
     margin-bottom: 20px !important;
    font-size: 14px !important;
    text-transform: none !important;
     border: none !important;
     border: none !important;
    text-transform: none !important;
}
}
 
.atronia-col a {
.atronia-col {
     display: block !important;
     min-width: 120px;
     margin-bottom: 12px !important;
     margin-bottom: 20px;
    font-size: 14px !important;
}
}