MediaWiki:Common.css

From The Jadnix Codex

Revision as of 22:35, 7 February 2026 by Sinvrh (talk | contribs) (Created page with "CSS placed here will be applied to all skins: JADNIX CODEX: CORE STYLING: :root { Define your Faction Colors: --jadnix-purple: #a020f0; --jadnix-gold: #ffd700; --jadnix-blue: #007bff; --jadnix-void: #0a0a0f; Apply them to the Citizen Skin: --color-primary: var(--jadnix-purple); --background-color-base: var(--jadnix-void); --color-surface-0: #050508; --color-surface-1: #13131a; --color-surface-2: #1a1a24;...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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.
/* CSS placed here will be applied to all skins */


/* JADNIX CODEX: CORE STYLING */

:root {
    /* Define your Faction Colors */
    --jadnix-purple: #a020f0;
    --jadnix-gold: #ffd700;
    --jadnix-blue: #007bff;
    --jadnix-void: #0a0a0f;

    /* Apply them to the Citizen Skin */
    --color-primary: var(--jadnix-purple);
    --background-color-base: var(--jadnix-void);
    --color-surface-0: #050508;
    --color-surface-1: #13131a;
    --color-surface-2: #1a1a24;
}

/* Force the header to look like your old one */
.mw-header {
    border-bottom: 3px solid var(--color-primary) !important;
    background-color: var(--color-surface-2) !important;
}

/* Customizing the Title Vibe */
#firstHeading {
    color: #fff;
    text-shadow: 2px 2px var(--color-primary);
    font-family: 'Courier New', monospace;
    border-bottom: 1px solid var(--color-primary);
}

/* Links */
a {
    color: var(--color-primary) !important;
    font-weight: bold;
    transition: 0.2s ease;
}

a:hover {
    color: #00ff9f !important; /* That Jade Green you liked */
    text-decoration: none;
    text-shadow: 0 0 8px #00ff9f;
}

/* FACTION OVERRIDES */

/* If the body has the 'dealer-mode' class, everything turns gold */
body.dealer-mode {
    --color-primary: var(--jadnix-gold);
}

/* If the body has the 'skipper-mode' class, everything turns blue */
body.skipper-mode {
    --color-primary: var(--jadnix-blue);
}