Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 654: Line 654:




/* ========================================================= */
/* --- ATRONIA: FIX DEFINITIVO (BASE64) --- */
/* ATRONIA — Forçar texto branco em TODOS os botões OOUI    */
/* ========================================================= */


.oo-ui-buttonElement-framed.oo-ui-widget-enabled >
/* 1. Reset Global e Centralização */
.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled
.oo-ui-labelElement-label,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled
.oo-ui-buttonElement-button span,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled
.oo-ui-buttonElement-button .oo-ui-labelElement-label {
    color: #ffffff !important;
}
 
 
 
/* --- ATRONIA: FIX DEFINITIVO DOS ÍCONES --- */
 
/* 1. Reset para evitar quadrados (Normal e Hover) */
.mw-header .vector-icon,  
.mw-header .vector-icon,  
.vector-sticky-header .vector-icon {
.vector-sticky-header .vector-icon {
Line 680: Line 663:
     mask-image: none !important;
     mask-image: none !important;
     background-color: transparent !important;
     background-color: transparent !important;
    position: relative;
    display: inline-block !important;
}
}


/* 2. Base do Pseudo-elemento */
.mw-header .vector-icon::before,
.mw-header .vector-icon::before,
.vector-sticky-header .vector-icon::before {
.vector-sticky-header .vector-icon::before {
Line 692: Line 676:
     -webkit-mask-size: contain;
     -webkit-mask-size: contain;
     mask-size: contain;
     mask-size: contain;
    -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
     mask-position: center;
     mask-position: center;
}
}


/* 3. Links Oficiais (Garante que não dão 404) */
/* 2. Ícones em Base64 (Sem links externos, sem 404) */


/* Notificações (Sino) */
/* Notificações (Sino) */
.mw-ui-icon-wikimedia-bell::before, .mw-ui-icon-bell::before {
.mw-ui-icon-wikimedia-bell::before, .mw-ui-icon-bell::before {
     -webkit-mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/bell.svg') !important;
     -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+YmVsbDwvdGl0bGU+PHBhdGggZD0iTTE2IDdBMiAyIDAgMCAwIDQgN2MwIDUuMTctMiA3LTIgN2gxNnMtMi0xLjgzLTItN3pNOSAxOWEyIDIgMCAwIDAgMi0ySDdhMiAyIDAgMCAwIDIgMnoiLz48L3N2Zz4=") !important;
     mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/bell.svg') !important;
     mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+YmVsbDwvdGl0bGU+PHBhdGggZD0iTTE2IDdBMiAyIDAgMCAwIDQgN2MwIDUuMTctMiA3LTIgN2gxNnMtMi0xLjgzLTItN3pNOSAxOWEyIDIgMCAwIDAgMi0ySDdhMiAyIDAgMCAwIDIgMnoiLz48L3N2Zz4=") !important;
}
 
/* Talk / Mensagens (Balões) */
.mw-ui-icon-wikimedia-speechBubbles::before, .mw-ui-icon-userTalk::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+c3BlZWNoQnViYmxlczwvdGl0bGU+PHBhdGggZD0iTTEyIDJIMmEyIDAgMCAwIDAtMiAydjhoM2wzIDMgMy0zSDJhMiAyIDAgMCAwIDItMlY0YTIgMiAwIDAgMC0yLTJ6bTYgNGgtMnY4SDZsLTMgM2gzdi0yaDlhMiAyIDAgMCAwIDItMlY2eiIvPjwvc3ZnPg==") !important;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+c3BlZWNoQnViYmxlczwvdGl0bGU+PHBhdGggZD0iTTEyIDJIMmEyIDAgMCAwIDAtMiAydjhoM2wzIDMgMy0zSDJhMiAyIDAgMCAwIDItMlY0YTIgMiAwIDAgMC0yLTJ6bTYgNGgtMnY4SDZsLTMgM2gzdi0yaDlhMiAyIDAgMCAwIDItMlY2eiIvPjwvc3ZnPg==") !important;
}
}


/* Watchlist (Estrela) */
/* Watchlist (Estrela) */
.mw-ui-icon-wikimedia-watchlist::before, .mw-ui-icon-watchlist::before {
.mw-ui-icon-wikimedia-watchlist::before, .mw-ui-icon-watchlist::before {
     -webkit-mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/star.svg') !important;
     -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDov.3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+c3RhcjwvdGl0bGU+PHBhdGggZD0iTTEwIDAuOGwyLjYgNi40SDIwbC01LjkgNC42TDE2LjYgMThMMTAgMTMuOCAzLjQgMThsMi41LTYuMkwwIDcuMmg3LjR6Ii8+PC9zdmc+") !important;
     mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/star.svg') !important;
     mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDov.3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+c3RhcjwvdGl0bGU+PHBhdGggZD0iTTEwIDAuOGwyLjYgNi40SDIwbC01LjkgNC42TDE2LjYgMThMMTAgMTMuOCAzLjQgMThsMi41LTYuMkwwIDcuMmg3LjR6Ii8+PC9zdmc+") !important;
}
}


/* Mensagens (Balões) */
/* User Avatar */
.mw-ui-icon-wikimedia-speechBubbles::before, .mw-ui-icon-userTalk::before {
.mw-ui-icon-wikimedia-userAvatar::before, .mw-ui-icon-user::before, #vector-user-links-dropdown-label .vector-icon::before {
     -webkit-mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/speechBubbles.svg') !important;
     -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+dXNlckF2YXRhcjwvdGl0bGU+PHBhdGggZD0iTTEwIDEwYTQgNCAwIDAgMS00LTRBNC4wMDUgNC4wMDUgMCAwIDEgMTAgMmE0IDQgMCAwIDEgNCA0IDQgNCAwIDAgMS00IDR6bTAgMmMtNC40MiAwLTggMi4yNC04IDZ2MmgxNnYtMmMwLTMuNzYtMy41OC02LTgtNnoiLz48L3N2Zz4=") !important;
     mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/speechBubbles.svg') !important;
     mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48dGl0bGU+dXNlckF2YXRhcjwvdGl0bGU+PHBhdGggZD0iTTEwIDEwYTQgNCAwIDAgMS00LTRBNC4wMDUgNC4wMDUgMCAwIDEgMTAgMmE0IDQgMCAwIDEgNCA0IDQgNCAwIDAgMS00IDR6bTAgMmMtNC40MiAwLTggMi4yNC04IDZ2MmgxNnYtMmMwLTMuNzYtMy41OC02LTgtNnoiLz48L3N2Zz4=") !important;
}
}


/* Avatar (User) */
/* 3. MATAR O QUADRADO NO HOVER (O mais importante) */
.mw-ui-icon-wikimedia-userAvatar::before, .mw-ui-icon-user::before {
.cdx-button--weight-quiet,  
    -webkit-mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/userAvatar.svg') !important;
    mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/userAvatar.svg') !important;
}
 
/* 4. Remover o fundo que aparece no Hover */
.cdx-button--weight-quiet:hover,  
.cdx-button--weight-quiet:hover,  
.cdx-button--weight-quiet:active,
.cdx-button--weight-quiet:active,
.vector-dropdown-label,
.vector-dropdown-label:hover {
.vector-dropdown-label:hover {
     background-color: rgba(255, 255, 255, 0.1) !important; /* Um brilho suave em vez de quadrado sólido */
     background-color: transparent !important;
     border: none !important;
     border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
/* Limpeza extra para evitar o "retângulo cinza" do Codex */
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}
}


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