Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

← Older editNewer edit →
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1,273: Line 1,273:
     color: #000000 !important;
     color: #000000 !important;
}
}




Line 1,278: Line 1,279:


/* =========================================================
/* =========================================================
   FIX DOS ÍCONES - VERSÃO AGRESSIVA (OVERRIDE TOTAL)
   ATRONIA WIKI - FINAL ICON FIX & FULL STYLE
   ========================================================= */
   ========================================================= */


/* 1. Reset: Esconde o ícone original do MediaWiki mas mantém o espaço */
/* ---------- FONTES ---------- */
.vector-icon, .mw-ui-icon {
@font-face { font-family: 'Wiki Font Title'; src: url('/resources/assets/Nohemi-VF.ttf') format('truetype'); }
    background: none !important;
@font-face { font-family: 'Wiki Font Subtitle'; src: url('/resources/assets/Rubik-Medium.ttf') format('truetype'); }
    position: relative !important;
@font-face { font-family: 'Wiki Font Body'; src: url('/resources/assets/Roboto-Regular.ttf') format('truetype'); }
     width: 20px !important;
 
     height: 20px !important;
/* ---------- BASE ---------- */
     display: inline-flex !important;
html, body { background: #ffffff !important; }
.mw-body-content { font-family: 'Wiki Font Body', sans-serif; }
.mw-page-title-main { font-family: 'Wiki Font Title', sans-serif; font-weight: 600; }
.mw-headline { font-family: 'Wiki Font Subtitle', sans-serif; }
 
/* ---------- LAYOUT ---------- */
.skin-vector-2022 .mw-page-container { max-width: 1800px !important; }
.skin-vector-2022 .mw-header, .vector-sticky-header {
     background-color: #1B2826 !important;
     color: #ffffff !important;
     width: 100% !important;
}
}
.skin-vector-2022 .mw-header a, .vector-sticky-header a { color: #ffffff !important; }


/* 2. Cria um ícone novo do zero usando o ::after */
/* =========================================================
.vector-icon::after, .mw-ui-icon::after {
  A SOLUÇÃO DEFINITIVA PARA OS ÍCONES (SEM MASK)
     content: "" !important;
  ========================================================= */
     position: absolute !important;
 
     top: 0; left: 0;
/* Forçamos o reset de todos os ícones que estão a dar erro */
     width: 20px !important;
.vector-icon, .mw-ui-icon, .cdx-button__icon {
     height: 20px !important;
     background-color: transparent !important;
     background-color: #ffffff !important; /* Cor branca para o topo */
     background-repeat: no-repeat !important;
    -webkit-mask-repeat: no-repeat !important;
     background-position: center !important;
    mask-repeat: no-repeat !important;
     background-size: 20px !important;
    -webkit-mask-size: contain !important;
     min-width: 20px;
    mask-size: contain !important;
     min-height: 20px;
     -webkit-mask-position: center !important;
}
     mask-position: center !important;
 
    z-index: 10;
/* Escondemos os pseudo-elementos ::before/::after que o MediaWiki usa para máscaras */
.vector-icon::before, .vector-icon::after,
.mw-ui-icon::before, .mw-ui-icon::after,
.cdx-button__icon::before {
     display: none !important;
     content: none !important;
}
}


/* 3. Dicionário de Máscaras (Base64) */
/* Injeção direta de SVG como Background (Branco para o Header) */


/* SINO (Notificações) */
/* SINO / NOTIFICAÇÕES */
.mw-ui-icon-wikimedia-bell::after, .mw-ui-icon-bell::after {
.mw-ui-icon-wikimedia-bell, .mw-ui-icon-bell, .mw-ui-icon-notifications {
     -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTYgN0EyIDIgMCAwIDAgNCA3YzAgNS4xNy0yIDctMiA3aDE2cy0yLTEuODMtMi03ek05IDE5YTIgMiAwIDAgMCAyLTJIN2EyIDAgMCAwIDIgMnoiLz48L3N2Zz4=") !important;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M16 7A2 2 0 0 0 4 7c0 5.17-2 7-2 7h16s-2-1.83-2-7zm-7 12a2 2 0 0 0 2-2H7a2 2 0 0 0 2 2z'/%3E%3C/svg%3E") !important;
}
}


/* USER (Avatar) */
/* USER / AVATAR */
.mw-ui-icon-wikimedia-userAvatar::after, .mw-ui-icon-user::after,  
.mw-ui-icon-wikimedia-userAvatar, .mw-ui-icon-user, .vector-user-links-dropdown .vector-icon {
[id*="user-links"] .vector-icon::after {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M10 10a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0 2c-4.42 0-8 2.24-8 6v2h16v-2c0-3.76-3.58-6-8-6z'/%3E%3C/svg%3E") !important;
     -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgMTBhNCA0IDAgMSAxIDAtOCA0IDQgMCAwIDEgMCA4em0wIDJjLTQuNDIgMC04IDIuMjQtOCA2djJoMTZ2LTJjMC0zLjc2LTMuNTgtNi04LTYiLz48L3N2Zz4=") !important;
}
}


/* ESTRELA (Watchlist) */
/* ESTRELA / WATCHLIST */
.mw-ui-icon-wikimedia-watchlist::after, .mw-ui-icon-watchlist::after {
.mw-ui-icon-wikimedia-watchlist, .mw-ui-icon-watchlist, .mw-ui-icon-star {
     -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgMC44bDIuNiA2LjRIMjBsLTUuOSA0LjZMMTYuNiAxOEwxMCAxMy44IDMuNCAxOGwyLjUtNi4yTDAgNy4yaDcuNHoiLz48L3N2Zz4=") !important;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M10 0.8l2.6 6.4H20l-5.9 4.6 2.5 6.2L10 13.8 3.4 18l2.5-6.2L0 7.2h7.4z'/%3E%3C/svg%3E") !important;
}
}


/* 4. Cor Preta para ícones dentro de menus brancos */
/* BALÃO / TALK */
.vector-dropdown-content .vector-icon::after,
.mw-ui-icon-wikimedia-speechBubbles, .mw-ui-icon-speechBubbles {
.vector-dropdown-content .mw-ui-icon::after {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M18 18l-4-4h-8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2z'/%3E%3C/svg%3E") !important;
     background-color: #202122 !important;
}
}


/* Remove qualquer elemento ::before original que possa estar a estorvar */
/* ÍCONES DENTRO DOS DROPDOWNS (Pretos) */
.vector-icon::before, .mw-ui-icon::before {
.vector-dropdown-content .vector-icon,  
     display: none !important;
.vector-dropdown-content .mw-ui-icon {
    filter: invert(1) brightness(0.2); /* Converte o branco em quase preto */
}
 
/* ---------- PESQUISA ---------- */
#p-search .cdx-search-input { border-radius: 14px; border: 1px solid #dcdcdc; background: #ffffff; }
.cdx-button--weight-quiet:enabled:hover { background-color: rgba(146, 255, 0, 0.3) !important; }
 
/* ---------- LINKS & BOTÕES ---------- */
:root { --color-progressive: #1B2826 !important; }
a { color: #1B2826 !important; text-decoration: none; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
     background-color: #1B2826 !important;
    border-color: #1B2826 !important;
    color: #ffffff !important;
}
}
/* ---------- RODAPÉ ---------- */
#footer-poweredbyico { display: none !important; }




Retrieved from "https://wiki.atronia.eu/MediaWiki:Vector-2022.css"