MediaWiki:Vector-2022.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* ===== HEADER BACKGROUND ===== */

.skin-vector-2022 .mw-header,
.skin-vector-2022 .vector-sticky-header {
    background-color: #1B2826 !important;
    border-bottom: none !important;
}

/* ===== TEXTO DO HEADER ===== */

.skin-vector-2022 .mw-header a,
.skin-vector-2022 .vector-sticky-header a,
.skin-vector-2022 .mw-header .mw-page-title-main,
.skin-vector-2022 .vector-sticky-header .mw-page-title-main {
    color: #ffffff !important;
}

/* ===== ÍCONES (mask icons do Vector) ===== */

.skin-vector-2022 .mw-header .mw-ui-icon,
.skin-vector-2022 .vector-sticky-header .mw-ui-icon {
    background-color: #ffffff !important;
}

/* ===== DROPDOWN ===== */

.skin-vector-2022 .vector-dropdown-content {
    background-color: #ffffff !important;
}

.skin-vector-2022 .vector-dropdown-content a {
    color: #202122 !important;
}


/* ===== FORÇAR ÍCONES DO STICKY HEADER A BRANCO ===== */

.skin-vector-2022 .vector-sticky-header-icons,
.skin-vector-2022 .vector-sticky-header-icons * {
    color: #ffffff !important;
}

/* Ícones mask-based dentro do sticky header */
.skin-vector-2022 .vector-sticky-header-icons .mw-ui-icon {
    background-color: #ffffff !important;
}






/* Aumentar o tamanho do logótipo no Vector 2022 */
 
.skin-vector-2022 .mw-header-start {
    flex-wrap: nowrap !important;
}


.skin-vector-2022 .mw-logo-icon {
    max-height: 48 !important;
    height: 38px !important;
    max-width: 200px !important;
    width: auto !important;
}


.skin-vector-2022 .mw-logo-wordmark img {
    height: 32px !important;
    width: auto !important;
}



.mw-body-content {
    font-family: 'Wiki Font Body', sans-serif;
}

.mw-page-title-main {
    font-family: 'Wiki Font Title', sans-serif;
}

.mw-headline {
    font-family: 'Wiki Font Subtitle', sans-serif;
}


/* Fonts setup*/
@font-face {
    font-family: 'Wiki Font Title';
    src: url('/resources/assets/Nohemi-VF.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Wiki Font Subtitle';
    src: url('/resources/assets/Rubik-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Wiki Font Body';
    src: url('/resources/assets/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}




/* ===== HEADER BACKGROUND ===== */

.skin-vector-2022 .mw-header,
.skin-vector-2022 .vector-sticky-header {
    background-color: #1B2826 !important;
    border-bottom: none !important;
}

/* ===== TEXTO DO HEADER ===== */

.skin-vector-2022 .mw-header a,
.skin-vector-2022 .vector-sticky-header a,
.skin-vector-2022 .vector-sticky-header .mw-page-title-main {
    color: #ffffff !important;
}

/* ===== ÍCONES DO HEADER (mask-based) ===== */

.skin-vector-2022 .mw-header .mw-ui-icon,
.skin-vector-2022 .vector-sticky-header .mw-ui-icon {
    background-color: #ffffff !important;
}

/* ===== ÍCONES DO STICKY HEADER CONTAINER ===== */

.skin-vector-2022 .vector-sticky-header-icons .mw-ui-icon {
    background-color: #ffffff !important;
}

/* ===== DROPDOWN CORRETO ===== */

.skin-vector-2022 .vector-dropdown-content {
    background-color: #ffffff !important;
}

.skin-vector-2022 .vector-dropdown-content a {
    color: #202122 !important;
}