Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

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




/* --- ATRONIA: FIX FINAL DE ÍCONES EXTERNOS --- */
/* --- ATRONIA: FIX DEFINITIVO DOS ÍCONES --- */


/* 1. Reset agressivo para evitar quadrados no estado normal e hover */
/* 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 {
.cdx-button--weight-quiet,
.cdx-button--weight-quiet:hover,
.cdx-button--weight-quiet:active {
     background-image: none !important;
     background-image: none !important;
     -webkit-mask-image: none !important;
     -webkit-mask-image: none !important;
     mask-image: none !important;
     mask-image: none !important;
     background-color: transparent !important; /* Remove o fundo branco do quadrado */
     background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
}


/* 2. Configuração do Pseudo-elemento (Onde o ícone vive) */
/* 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 694: Line 689:
     width: 20px;
     width: 20px;
     height: 20px;
     height: 20px;
     background-color: #ffffff !important; /* Cor do ícone */
     background-color: #ffffff !important;
     -webkit-mask-size: contain;
     -webkit-mask-size: contain;
     mask-size: contain;
     mask-size: contain;
Line 700: Line 695:
     -webkit-mask-repeat: no-repeat;
     -webkit-mask-repeat: no-repeat;
     mask-position: center;
     mask-position: center;
    -webkit-mask-position: center;
}
}


/* 3. Mapeamento de Ícones (Links diretos da Wikimedia Commons) */
/* 3. Links Oficiais (Garante que não dão 404) */


/* NOTIFICAÇÕES (Sino) - Tentando múltiplas classes possíveis */
/* Notificações (Sino) */
.mw-ui-icon-wikimedia-bell::before,
.mw-ui-icon-wikimedia-bell::before, .mw-ui-icon-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;
.mw-ui-icon-notifications::before {
     mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/bell.svg') !important;
     -webkit-mask-image: url('https://upload.wikimedia.org/wikipedia/commons/8/82/OOjs_UI_icon_bell.svg') !important;
     mask-image: url('https://upload.wikimedia.org/wikipedia/commons/8/82/OOjs_UI_icon_bell.svg') !important;
}
}


/* MENSAGENS / TALK (Balões) */
/* Watchlist (Estrela) */
.mw-ui-icon-wikimedia-speechBubbles::before,
.mw-ui-icon-wikimedia-watchlist::before, .mw-ui-icon-watchlist::before {
.mw-ui-icon-speechBubbles::before,
     -webkit-mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/star.svg') !important;
.mw-ui-icon-userTalk::before,
     mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/star.svg') !important;
.mw-ui-icon-chat::before {
     -webkit-mask-image: url('https://upload.wikimedia.org/wikipedia/commons/1/1e/OOjs_UI_icon_speechBubbles.svg') !important;
     mask-image: url('https://upload.wikimedia.org/wikipedia/commons/1/1e/OOjs_UI_icon_speechBubbles.svg') !important;
}
}


/* WATCHLIST (Estrela) */
/* Mensagens (Balões) */
.mw-ui-icon-wikimedia-watchlist::before,  
.mw-ui-icon-wikimedia-speechBubbles::before, .mw-ui-icon-userTalk::before {
.mw-ui-icon-watchlist::before,
     -webkit-mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/speechBubbles.svg') !important;
.mw-ui-icon-star::before {
     mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/speechBubbles.svg') !important;
     -webkit-mask-image: url('https://upload.wikimedia.org/wikipedia/commons/5/51/Star_full.svg') !important;
     mask-image: url('https://upload.wikimedia.org/wikipedia/commons/5/51/Star_full.svg') !important;
}
}


/* USER / AVATAR (Boneco) */
/* Avatar (User) */
.mw-ui-icon-wikimedia-userAvatar::before,
.mw-ui-icon-wikimedia-userAvatar::before, .mw-ui-icon-user::before {
.mw-ui-icon-userAvatar::before,
     -webkit-mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/userAvatar.svg') !important;
.mw-ui-icon-user::before,
     mask-image: url('https://raw.githubusercontent.com/wikimedia/oojs-ui/master/src/themes/wikimediaui/images/icons/userAvatar.svg') !important;
#vector-user-links-dropdown-label .vector-icon::before {
     -webkit-mask-image: url('https://upload.wikimedia.org/wikipedia/commons/c/c9/OOjs_UI_icon_userAvatar.svg') !important;
     mask-image: url('https://upload.wikimedia.org/wikipedia/commons/c/c9/OOjs_UI_icon_userAvatar.svg') !important;
}
}


/* 4. Fix para a Lupa de Pesquisa (que é um elemento cdx-search) */
/* 4. Remover o fundo que aparece no Hover */
.cdx-search-input__start-icon {
.cdx-button--weight-quiet:hover,
     filter: brightness(0) invert(1) !important;
.cdx-button--weight-quiet:active,
.vector-dropdown-label:hover {
     background-color: rgba(255, 255, 255, 0.1) !important; /* Um brilho suave em vez de quadrado sólido */
    border: none !important;
}
}


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