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.

/* 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;
}

/* ==== DarkMode extension custom theme (Medik) ==== */

/* 1. Kill the default invert DarkMode applies and set base colours */
html.client-darkmode {
    filter: none !important;
    -webkit-filter: none !important;
    background: #050509 !important;
    color: #ddd !important;
}

html.client-darkmode body {
    background: #050509 !important;
    color: #ddd !important;
}

/* 2. Main article / content area */
html.client-darkmode .mw-body,
html.client-darkmode .mw-content-container,
html.client-darkmode .mw-parser-output,
html.client-darkmode .content,
html.client-darkmode #content {
    background: #0b0b12 !important;
    color: #ddd !important;
}

/* 3. Top bar / navbar */
html.client-darkmode .navbar,
html.client-darkmode .navbar-default,
html.client-darkmode #mw-head,
html.client-darkmode #mw-page-base {
    background: #000000 !important;
    border-bottom: 1px solid #222 !important;
    box-shadow: none !important;
}

/* 4. Links */
html.client-darkmode a,
html.client-darkmode a:visited {
    color: #d64040 !important;
}

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

/* 5. Tables / boxes */
html.client-darkmode table,
html.client-darkmode .infobox,
html.client-darkmode .toc,
html.client-darkmode .navbox,
html.client-darkmode .mw-parser-output .wikitable {
    background: #101018 !important;
    border-color: #2a2a3a !important;
    color: #ddd !important;
}

/* 6. Make sure logo is NOT inverted */
html.client-darkmode .mw-wiki-logo,
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;
    -webkit-filter: none !important;
    background-color: transparent !important;
}