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.

/* =========================================================
   ATRONIA — CLEAN VECTOR 2022 BASELINE
   ========================================================= */

/* ===============================
   HEADER (SAFE)
   =============================== */

.skin-vector-2022 .mw-header,
.skin-vector-2022 .vector-sticky-header {
    background-color: #1B2826;
    color: #ffffff;
}

/* Header links */
.skin-vector-2022 .mw-header a,
.skin-vector-2022 .vector-sticky-header a {
    color: #ffffff;
}

/* ===============================
   ICONS (CRITICAL — DO NOT BREAK)
   =============================== */

/* Force proper rendering */
.vector-icon,
.mw-ui-icon,
.cdx-icon {
    background-color: currentColor;
}

/* Header icons */
.skin-vector-2022 .mw-header .vector-icon,
.skin-vector-2022 .mw-header .mw-ui-icon,
.skin-vector-2022 .mw-header .cdx-icon {
    color: #ffffff;
}

/* Hover */
.skin-vector-2022 .mw-header .cdx-button:hover {
    background-color: rgba(146,255,0,0.2);
}

/* ===============================
   DROPDOWNS
   =============================== */

.vector-dropdown-content {
    background: #ffffff;
}

.vector-dropdown-content a {
    color: #202122;
}

/* ===============================
   SEARCH (SAFE)
   =============================== */

#p-search .cdx-search-input {
    border-radius: 12px;
    border: 1px solid #ddd;
    background: #fff;
}

#p-search .cdx-button {
    background: #fff;
    color: #1B2826;
}

#p-search .cdx-button:hover {
    background: #92ff00;
}

/* ===============================
   TYPOGRAPHY
   =============================== */

.mw-parser-output {
    font-family: 'Roboto', sans-serif;
}

.mw-page-title-main {
    font-family: 'Rubik', sans-serif;
    font-weight: 600;
}

.mw-parser-output h2,
.mw-parser-output h3 {
    font-family: 'Rubik', sans-serif;
}

/* ===============================
   LAYOUT WIDTH
   =============================== */

.skin-vector-2022 .mw-page-container {
    max-width: 1600px;
}

/* ===============================
   LINKS
   =============================== */

a {
    color: #1B2826;
}

a:hover {
    color: #12201f;
}

/* ===============================
   REMOVE POWERED BY
   =============================== */

#footer-poweredbyico {
    display: none;
}