MediaWiki:Common.css: Difference between revisions

From Descendants of Darkness Wiki

No edit summary
No edit summary
Line 21: Line 21:


/* ============================================================
/* ============================================================
   DARK MODE — DESCENDANTS OF DARKNESS (MEDIK)
   DESCENDANTS OF DARKNESS — GLOBAL DARK THEME (MEDIK)
  Completely disables inversion, applies real dark theme
   ============================================================ */
   ============================================================ */


/* Base: kill the extension’s invert filter */
/* Base page background & text */
html.client-darkmode,
html, body {
html.client-darkmode body {
     background: #050509 !important;   /* almost-black */
    filter: none !important;
    -webkit-filter: none !important;
     background: #050509 !important;
     color: #dddddd !important;
     color: #dddddd !important;
}
}


/* -----------------------------
/* Main content area */
  MAIN CONTENT AREA
.mw-body,
  ----------------------------- */
.mw-content-container,
html.client-darkmode .mw-body,
#content {
html.client-darkmode .mw-content-container,
     background: #09090f !important;
html.client-darkmode .mw-parser-output,
html.client-darkmode .content,
html.client-darkmode #content {
     background: #0b0b12 !important;
     color: #dddddd !important;
     color: #dddddd !important;
    border: none !important;
}
}


/* Headings inside pages */
/* Headings */
html.client-darkmode h1,
.mw-body h1,
html.client-darkmode h2,
.mw-body h2,
html.client-darkmode h3,
.mw-body h3,
html.client-darkmode h4,
.mw-body h4,
html.client-darkmode h5 {
.mw-body h5 {
     color: #e1e1e1 !important;
     color: #f0f0f0 !important;
}
}


/* -----------------------------
/* Top bar / navbar – keep it solid black */
  LINKS (CONTENT)
.navbar,
  ----------------------------- */
.navbar-default,
html.client-darkmode a,
#mw-head {
html.client-darkmode a:visited {
    background: #000000 !important;
     color: #d64040 !important;
     border-bottom: 1px solid #222 !important;
}
}


html.client-darkmode a:hover {
/* Top-left wiki name in the bar (white, not red) */
     color: #ff5b5b !important;
.navbar-brand,
.navbar-brand a {
     color: #f5f5f5 !important;
    text-shadow: none !important;
}
}


/* -----------------------------
/* Left sidebar (kill the white behind it) */
  TABLES, INFOBOXES, TOC
#mw-panel,
  ----------------------------- */
#mw-panel .portal,
html.client-darkmode table,
#mw-panel .body {
html.client-darkmode .infobox,
     background: #050509 !important;
html.client-darkmode .toc,
html.client-darkmode .navbox,
html.client-darkmode .wikitable {
     background: #101018 !important;
    border-color: #2a2a3a !important;
     color: #dddddd !important;
     color: #dddddd !important;
    border: none !important;
}
}


/* -----------------------------
/* Sidebar section headings (Introduction, HUD Guide, etc.) */
  TOP BAR / NAVBAR
#mw-panel .portal h3 {
  ----------------------------- */
     color: #d64040 !important;   /* red headings */
html.client-darkmode .navbar,
html.client-darkmode .navbar-default,
html.client-darkmode #mw-head {
     background: #000000 !important;
    border-bottom: 1px solid #222 !important;
}
}


/* Top-left wiki title (stop it being red) */
/* Sidebar links */
html.client-darkmode .navbar-brand,
#mw-panel a {
html.client-darkmode .navbar-brand a {
     color: #f0f0f0 !important;
     color: #f0f0f0 !important;
    text-shadow: none !important;
}
}


/* -----------------------------
#mw-panel a:hover {
  LEFT SIDEBAR (REMOVE WHITE)
     color: #ff5b5b !important;
  ----------------------------- */
html.client-darkmode #mw-panel,
html.client-darkmode #mw-panel .portal,
html.client-darkmode #mw-panel .body,
html.client-darkmode .sidebar {
    background: #050509 !important;
     color: #dddddd !important;
}
}


html.client-darkmode #mw-panel a {
/* Article links (the ones in your content) */
     color: #dddddd !important;
.mw-body a,
.mw-body a:visited {
     color: #d64040 !important;
}
}


html.client-darkmode #mw-panel a:hover {
.mw-body a:hover {
     color: #ff5b5b !important;
     color: #ff5b5b !important;
}
}


/* Sidebar section headings */
/* TOC, infoboxes, tables */
html.client-darkmode #mw-panel .portal h3 {
.toc,
     color: #d64040 !important;
.infobox,
.wikitable,
table {
    background: #101018 !important;
    border-color: #2a2a3a !important;
     color: #dddddd !important;
}
}


/* -----------------------------
/* Logo – don’t mess with its colours */
  LOGO FIX — NEVER INVERT
.mw-wiki-logo,
  ----------------------------- */
#p-logo a,
html.client-darkmode .mw-wiki-logo,
.mw-logo-icon img {
html.client-darkmode #p-logo a,
html.client-darkmode .mw-logo-icon,
html.client-darkmode .mw-logo-icon img,
html.client-darkmode .mw-logo-container img,
html.client-darkmode .mw-wiki-logo img {
     filter: none !important;
     filter: none !important;
    -webkit-filter: none !important;
     background-color: transparent !important;
     background-color: transparent !important;
}
}

Revision as of 06:46, 14 November 2025

/* Descendants of Darkness – bigger logo in left nav    */
.mw-wiki-navigation-logo {
    width: 250px !important;      /* overall logo area width */
    height: 250px !important;      /* overall logo area height */
}

.mw-wiki-navigation-logo .mw-wiki-logo,
a.mw-wiki-logo {
    display: block !important;
    width: 100% !important;       /* fill the container width */
    height: 100% !important;      /* fill the container height */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

/* If the menu looks squashed vertically, give the whole nav a bit more height */
#site-navigation {
    min-height: 90px !important;
}

/* ============================================================
   DESCENDANTS OF DARKNESS — GLOBAL DARK THEME (MEDIK)
   ============================================================ */

/* Base page background & text */
html, body {
    background: #050509 !important;   /* almost-black */
    color: #dddddd !important;
}

/* Main content area */
.mw-body,
.mw-content-container,
#content {
    background: #09090f !important;
    color: #dddddd !important;
    border: none !important;
}

/* Headings */
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5 {
    color: #f0f0f0 !important;
}

/* Top bar / navbar – keep it solid black */
.navbar,
.navbar-default,
#mw-head {
    background: #000000 !important;
    border-bottom: 1px solid #222 !important;
}

/* Top-left wiki name in the bar (white, not red) */
.navbar-brand,
.navbar-brand a {
    color: #f5f5f5 !important;
    text-shadow: none !important;
}

/* Left sidebar (kill the white behind it) */
#mw-panel,
#mw-panel .portal,
#mw-panel .body {
    background: #050509 !important;
    color: #dddddd !important;
    border: none !important;
}

/* Sidebar section headings (Introduction, HUD Guide, etc.) */
#mw-panel .portal h3 {
    color: #d64040 !important;   /* red headings */
}

/* Sidebar links */
#mw-panel a {
    color: #f0f0f0 !important;
}

#mw-panel a:hover {
    color: #ff5b5b !important;
}

/* Article links (the ones in your content) */
.mw-body a,
.mw-body a:visited {
    color: #d64040 !important;
}

.mw-body a:hover {
    color: #ff5b5b !important;
}

/* TOC, infoboxes, tables */
.toc,
.infobox,
.wikitable,
table {
    background: #101018 !important;
    border-color: #2a2a3a !important;
    color: #dddddd !important;
}

/* Logo – don’t mess with its colours */
.mw-wiki-logo,
#p-logo a,
.mw-logo-icon img {
    filter: none !important;
    background-color: transparent !important;
}