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 PRODUCTION CSS                         */
/**********************************************************/

/* ========================================================= */
/* HIDE APPEARANCE OPTIONS                                 */
/* ========================================================= */
#skin-client-prefs-vector-feature-limited-width,
#skin-client-prefs-skin-theme {
display: none !important;
}

/* ========================================================= */
/* BASE VARIABLES                                           */
/* ========================================================= */
:root {
--atronia-dark: #1B2826;
--atronia-dark-hover: #12201f;
--atronia-accent: #92ff00;
}

/* ========================================================= */
/* TYPOGRAPHY                                               */
/* ========================================================= */
@font-face { font-family: 'Wiki Font Title'; src: url('/resources/assets/Nohemi-VF.ttf'); }
@font-face { font-family: 'Wiki Font Subtitle'; src: url('/resources/assets/Rubik-Medium.ttf'); }
@font-face { font-family: 'Wiki Font Body'; src: url('/resources/assets/Roboto-Regular.ttf'); }

.mw-body-content { font-family: 'Wiki Font Body', sans-serif; }
.mw-page-title-main { font-family: 'Wiki Font Title', sans-serif; font-weight: 600; }
.mw-headline,
.mw-parser-output h1,
.mw-parser-output h2 { font-family: 'Wiki Font Subtitle', sans-serif; }

/* ========================================================= */
/* LAYOUT                                                   */
/* ========================================================= */
html, body { background: #ffffff !important; }

.skin-vector-2022 .mw-page-container,
.skin-vector-2022 .mw-header-container {
max-width: 1800px !important;
}

.skin-vector-2022 .mw-header,
.skin-vector-2022 .vector-sticky-header {
background-color: var(--atronia-dark) !important;
color: #ffffff !important;
}

/* ========================================================= */
/* HEADER                                                   */
/* ========================================================= */
.skin-vector-2022 .mw-header a,
.skin-vector-2022 .vector-sticky-header a {
color: #ffffff !important;
}

/* Logo */
.mw-logo-wordmark { display: none !important; }

/* ========================================================= */
/* SEARCH                                                   */
/* ========================================================= */
#p-search .cdx-search-input,
.vector-sticky-header .cdx-search-input {
border-radius: 14px;
border: 1px solid #dcdcdc;
background: #ffffff;
}

.cdx-text-input__input {
border: none !important;
background: transparent !important;
}

.cdx-button:hover {
background: var(--atronia-accent) !important;
color: var(--atronia-dark) !important;
}

/* ========================================================= */
/* ICON SYSTEM (FIXED CLEAN)                                */
/* ========================================================= */

/* Base */
.vector-icon,
.mw-ui-icon,
.cdx-icon {
width: 1.25em;
height: 1.25em;
display: inline-block;
vertical-align: middle;

```
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;

-webkit-mask-position: center;
mask-position: center;

-webkit-mask-size: contain;
mask-size: contain;

background-color: currentColor;
```

}

/* IMPORTANT: allow Codex override */
.vector-icon.mw-ui-icon-wikimedia-appearance {
-webkit-mask-image: none !important;
mask-image: none !important;
}

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

/* ========================================================= */
/* DROPDOWN                                                 */
/* ========================================================= */
.vector-dropdown-content {
background: #ffffff !important;
}

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

/* ========================================================= */
/* BUTTON HOVER FIX                                         */
/* ========================================================= */
.cdx-button:hover {
background-color: rgba(146,255,0,0.30) !important;
}

/* ========================================================= */
/* LINKS                                                    */
/* ========================================================= */
a {
color: var(--atronia-dark) !important;
text-decoration-thickness: 1.5px;
}

/* ========================================================= */
/* OOUI                                                     */
/* ========================================================= */
.oo-ui-buttonElement-button {
background: var(--atronia-dark) !important;
color: #fff !important;
}

.oo-ui-buttonElement-button:hover {
background: var(--atronia-dark-hover) !important;
}

/* ========================================================= */
/* TABLES                                                   */
/* ========================================================= */
.wikitable {
width: 100%;
border-collapse: collapse;
}

.wikitable th {
background: var(--atronia-dark) !important;
color: #ffffff !important;
}

/* ========================================================= */
/* REMOVE POWERED BY                                        */
/* ========================================================= */
#footer-poweredbyico {
display: none !important;
}

/**********************************************************/
/* 🔥 FINAL ICON FIX — FORCE CODEX                        */
/**********************************************************/

.vector-icon.mw-ui-icon::before,
.vector-icon.mw-ui-icon {
    -webkit-mask-image: unset !important;
    mask-image: unset !important;
}

/* Re-enable Codex icons */