MediaWiki:Timeless.css: Difference between revisions

Revision as of 00:38, 16 December 2025

/* === GLOBAL BACKGROUND === */
html, body {
    background: #000 !important;
    color: #fff !important;
}

/* === MAIN CONTENT AREA === */
#mw-content,
#mw-content-container,
#mw-content-block,
#mw-content-text {
    background: #000 !important;
    color: #fff !important;
}

/* === SIDEBAR + NAVIGATION === */
#mw-navigation,
#mw-panel,
#mw-panel .mw-portlet,
#mw-panel .mw-portlet-body {
    background: #000 !important;
    color: #fff !important;
}

/* === RIGHT SIDEBAR (page tools, more, etc.) === */
#mw-related-navigation,
#mw-data-navigation,
#mw-related-navigation .mw-portlet,
#mw-data-navigation .mw-portlet {
    background: #000 !important;
    color: #fff !important;
}

/* === HEADERS, TABS, TOP BAR === */
#mw-header,
#mw-header-container,
#mw-header h1,
#mw-header h2,
#mw-header .mw-portlet {
    background: #000 !important;
    color: #fff !important;
}

/* === SEARCH BAR === */
#searchInput,
#searchInput:focus {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

/* === LINKS === */
a {
    color: #ff0 !important; /* yellow links */
}

a:visited {
    color: #ccc !important; /* silver visited links */
}

/* === GRAY CONTENT BOXES === */
.mw-parser-output .infobox,
.mw-parser-output .toc,
.mw-parser-output table,
.mw-parser-output .thumb,
.mw-parser-output .thumbinner,
.mw-parser-output .navbox,
.mw-parser-output .metadata {
    background: #111 !important;
    color: #fff !important;
    border-color: #333 !important;
}

/* === FIX WHITE GAPS BETWEEN ELEMENTS === */
#mw-content-container,
#mw-content-block,
#mw-content-text,
#mw-content {
    background-color: #000 !important;
}

/* === REMOVE WHITE BACKGROUND FROM EDITOR === */
.wikiEditor-ui,
.wikiEditor-ui textarea {
    background: #000 !important;
    color: #fff !important;
}

/* --- FORCE THE ENTIRE MENU COLUMN TO BE BLACK, NOT JUST THE TEXT ROWS --- */
#mw-panel,
#mw-panel .portal,
#mw-panel .portal .body,
#mw-panel .portal ul,
#mw-panel .sidebar,
#mw-panel .sidebar ul,
#mw-panel .sidebar li {
    background: #000 !important;
}

/* --- ENSURE NO TRANSPARENT GAPS BETWEEN ITEMS --- */
#mw-panel .portal ul li,
#mw-panel .sidebar ul li {
    background: #000 !important;
    border: none !important;
}

/* --- TEXT + LINK COLORS --- */
#mw-panel,
#mw-panel * {
    color: #fff !important;
}

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

#mw-panel a:visited {
    color: #c0c0c0 !important;
}

/* FORCE THE ENTIRE MENU COLUMN TO BE SOLID BLACK */
#mw-panel,
#mw-panel .portal,
#mw-panel .portal .body,
#mw-panel .portal .body ul {
    background-color: #000 !important;
}

/* REMOVE ANY BACKGROUND FROM INDIVIDUAL MENU ITEMS */
#mw-panel .portal .body ul li,
#mw-panel .portal .body ul li a {
    background: transparent !important;
}

/* ENSURE TEXT AND LINKS ARE VISIBLE */
#mw-panel,
#mw-panel * {
    color: #fff !important;
}

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

#mw-panel a:visited {
    color: #c0c0c0 !important;
}

/* FORCE THE ENTIRE MOBILE MENU COLUMN TO BE BLACK */
.mw-portlet,
.mw-portlet .mw-portlet-body,
.mw-portlet .mw-portlet-body ul,
.mw-portlet .mw-portlet-body ul li {
    background: #000 !important;
}

/* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
.mw-portlet .mw-portlet-body ul li a {
    background: transparent !important;
}

/* ENSURE TEXT IS VISIBLE */
.mw-portlet,
.mw-portlet * {
    color: #fff !important;
}

/* YOUR LINK COLORS */
.mw-portlet a {
    color: #f5d000 !important;
}

.mw-portlet a:visited {
    color: #c0c0c0 !important;
}





/* === GLOBAL BACKGROUND === */
html, body {
    background: #000 !important;
    color: #fff !important;
}

/* === MAIN CONTENT AREA === */
#mw-content,
#mw-content-container,
#mw-content-block,
#mw-content-text {
    background: #000 !important;
    color: #fff !important;
}

/* === SIDEBAR + NAVIGATION === */
#mw-navigation,
#mw-panel,
#mw-panel .mw-portlet,
#mw-panel .mw-portlet-body {
    background: #000 !important;
    color: #fff !important;
}

/* === RIGHT SIDEBAR === */
#mw-related-navigation,
#mw-data-navigation,
#mw-related-navigation .mw-portlet,
#mw-data-navigation .mw-portlet {
    background: #000 !important;
    color: #fff !important;
}

/* === HEADERS, TABS, TOP BAR === */
/* FIXED: do NOT override .mw-portlet inside header */
#mw-header,
#mw-header-container {
    background: #000 !important;
    color: #fff !important;
}

/* === SEARCH BAR === */
#searchInput,
#searchInput:focus {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

/* FIX: remove invalid underline */
#searchInput:invalid {
    border-bottom: 1px solid #444 !important;
    box-shadow: none !important;
}

/* === LINKS === */
a {
    color: #ff0 !important;
}

a:visited {
    color: #ccc !important;
}

/* === GRAY CONTENT BOXES === */
.mw-parser-output .infobox,
.mw-parser-output .toc,
.mw-parser-output table,
.mw-parser-output .thumb,
.mw-parser-output .thumbinner,
.mw-parser-output .navbox,
.mw-parser-output .metadata {
    background: #111 !important;
    color: #fff !important;
    border-color: #333 !important;
}

/* === FIX WHITE GAPS === */
#mw-content-container,
#mw-content-block,
#mw-content-text,
#mw-content {
    background-color: #000 !important;
}

/* === EDITOR === */
.wikiEditor-ui,
.wikiEditor-ui textarea {
    background: #000 !important;
    color: #fff !important;
}

/* === SIDEBAR CLEANUP === */
#mw-panel,
#mw-panel .portal,
#mw-panel .portal .body,
#mw-panel .portal ul,
#mw-panel .sidebar,
#mw-panel .sidebar ul,
#mw-panel .sidebar li {
    background: #000 !important;
}

#mw-panel .portal ul li,
#mw-panel .sidebar ul li {
    background: #000 !important;
    border: none !important;
}

#mw-panel,
#mw-panel * {
    color: #fff !important;
}

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

#mw-panel a:visited {
    color: #c0c0c0 !important;
}

/* === MOBILE MENU === */
.mw-portlet,
.mw-portlet .mw-portlet-body,
.mw-portlet .mw-portlet-body ul,
.mw-portlet .mw-portlet-body ul li {
    background: #000 !important;
}

.mw-portlet .mw-portlet-body ul li a {
    background: transparent !important;
}

.mw-portlet,
.mw-portlet * {
    color: #fff !important;
}

.mw-portlet a {
    color: #f5d000 !important;
}

.mw-portlet a:visited {
    color: #c0c0c0 !important;
}