MediaWiki:Vector-2022.css

/* 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;
}



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

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

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

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

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

.skin-vector-2022 .mw-header,
.skin-vector-2022 .vector-sticky-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;
}

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

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

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