MediaWiki:Common.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.

/* ============================================================
   JADNIX CODEX: COSMOS DARK THEME (FINAL w/ FANDOM FIX)
   ============================================================ */

/* 1. CORE DARK MODE */
:root { color-scheme: dark; }
html, body, #mw-wrapper {
    background-color: #0a0a0f !important;
    background-image: none !important;
    color: #d1d1d1 !important;
}

/* 2. HEADER & NAV */
.cosmos-header, header, #cosmos-banner, nav.cosmos-nav {
    display: block !important;
    background-image: none !important;
    background-color: #1a1a24 !important;
    border-bottom: 1px solid #333;
    color: #fff !important;
    box-shadow: none !important;
}
.cosmos-header a, header a, .cosmos-nav a { color: #ffffff !important; }

/* 3. CONTENT BOX */
#mw-content, #content, .mw-body {
    background-color: #13131a !important;
    background-image: none !important;
    border: 1px solid #333 !important;
    color: #d1d1d1 !important;
}
.cosmos-footer, footer { background-color: #0a0a0f !important; border-top: 1px solid #333; }
input, textarea, #simpleSearch { background-color: #000 !important; color: #fff !important; border: 1px solid #333 !important; }
h1, h2, h3, h4, h5, h6 { color: #fff !important; border-bottom: 1px solid #333; font-family: 'Consolas', monospace; }

/* ============================================================
   !!! THE DROPDOWN FIXES (CSS LAYER) !!!
   ============================================================ */

/* Target Bootstrap Popovers (The "Explore" Menu) */
.popover, .popover-body, .popover-content {
    background-color: #1b1b1b !important;
    border: 1px solid #333 !important;
    color: #fff !important;
}
.popover .arrow:after { border-bottom-color: #1b1b1b !important; }

/* Target Fandom/Cosmos Specific Dropdowns (.wds) */
.wds-dropdown__content, .wds-list {
    background-color: #1b1b1b !important;
    border: 1px solid #333 !important;
    color: #fff !important;
}

/* Target MediaWiki Internal Menus (OOUI - "Edit" Menu) */
.oo-ui-popupWidget-body, .oo-ui-menuSelectWidget {
    background-color: #1b1b1b !important;
    border: 1px solid #333 !important;
}
.oo-ui-menuOptionWidget, .oo-ui-decoratedOptionWidget {
    background-color: transparent !important;
    color: #fff !important;
}
.oo-ui-optionWidget-highlighted {
    background-color: #333 !important;
    color: #8ab4f8 !important;
}

/* Target Standard Bootstrap Dropdowns */
.dropdown-menu {
    background-color: #1b1b1b !important;
    border: 1px solid #333 !important;
}
.dropdown-menu *, .wds-dropdown__content * {
    background-color: transparent !important;
    color: #fff !important;
}
.dropdown-menu a:hover, .wds-list li:hover {
    background-color: #333 !important;
    color: #8ab4f8 !important;
}

/* ============================================================
   FACTION THEMES & EXTRAS
   ============================================================ */
/* Dealers */
body.theme-dealer .mw-body { border-left: 5px solid #DAA520; }
body.theme-dealer h1 { color: #DAA520 !important; font-family: 'Georgia', serif; }
body.theme-dealer .mw-ui-button { background-color: #DAA520 !important; color: #000 !important; }
/* Skippers */
body.theme-skipper .mw-body { border-left: 5px solid #21b0cd; }
body.theme-skipper h1 { color: #21b0cd !important; font-family: 'Consolas', monospace; }
body.theme-skipper .mw-ui-button { background-color: #21b0cd !important; color: #fff !important; }
/* Still */
body.theme-still .mw-body { border-left: 5px solid #a020f0; }
body.theme-still h1 { color: #a020f0 !important; font-family: 'Consolas', monospace; }
body.theme-still .mw-ui-button { background-color: #a020f0 !important; color: #fff !important; }

/* CRDD & Splash */
#crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; color: #21b0cd; padding: 20px; margin-top: 20px; }
.crdd-input-group { display: flex; justify-content: space-between; margin-bottom: 10px; }
body.page-Warning nav, body.page-Warning #cosmos-header, body.page-Warning footer { display: none !important; }
body.page-Warning .splash-container { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #0a0a0f; z-index: 99999; display: flex; justify-content: center; align-items: center; }
.splash-inner-wrapper { background: #13131a; padding: 30px; border-top: 4px solid #a020f0; text-align: center; }