Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 232: Line 232:




/* --- FIX DEFINITIVO ATRONIA: ÍCONES NAVBAR --- */
/* Ícones da Navbar (Header e Sticky) */
 
/* 1. Alvo ultra-específico para ganhar do sistema CodEx */
.skin-vector-2022 .mw-header .vector-icon,
.skin-vector-2022 .mw-header .vector-icon,
.skin-vector-2022 .mw-header .mw-ui-icon,
.skin-vector-2022 .mw-header .mw-ui-icon,
.skin-vector-2022 .vector-sticky-header .vector-icon,
.skin-vector-2022 .vector-sticky-header .vector-icon,
.skin-vector-2022 .vector-sticky-header .mw-ui-icon {
.skin-vector-2022 .vector-sticky-header .mw-ui-icon {
     background-color: #ffffff !important; /* Cor do ícone */
     background-color: #ffffff !important;  
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
     -webkit-mask-repeat: no-repeat !important;
     -webkit-mask-repeat: no-repeat !important;
     mask-repeat: no-repeat !important;
     mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
     /* Remove qualquer imagem de fundo que crie o quadrado sólido */
    mask-position: center !important;
     background-image: none !important;  
    -webkit-mask-size: contain !important;
     border: none !important;
    mask-size: contain !important;
   
     /* Esta linha é o segredo: ela mantém o desenho original da Wiki mas permite mudar a cor */
     -webkit-mask-image: inherit !important;
    mask-image: inherit !important;
      
    /* Remove sombras ou fundos que criam o quadrado */
    background-image: none !important;
     box-shadow: none !important;
     box-shadow: none !important;
}
/* 2. Forçar a seta do dropdown (Appearance/User) a ser branca também */
.skin-vector-2022 .mw-header .vector-dropdown-label::after,
.skin-vector-2022 .vector-sticky-header .vector-dropdown-label::after {
    background-color: #ffffff !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}
/* 3. Ajuste de Hover: Quando passas o rato, o ícone continua branco */
.cdx-button:hover .vector-icon,
.cdx-button:hover .mw-ui-icon {
    background-color: #ffffff !important;
}
}