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

/* ══════════════════════════════════════
   ZOMBIE GREEN + BRAIN PINK THEME
   Left: Zombie Green | Right: Brain Pink
   ══════════════════════════════════════ */

/* ── Global reset ── */
body {
    background-color: #0a0f00;
}

/* ── LEFT SIDE: Zombie Green (sidebar/navigation) ── */
#mw-site-navigation,
#mw-panel,
.mw-site-navigation {
    background-color: #0f1a00 !important;
    border-right: 2px solid #3a5c0a;
}

#mw-site-navigation a,
#mw-panel a {
    color: #a8d040 !important;
}

#mw-site-navigation a:hover,
#mw-panel a:hover {
    color: #d4ff70 !important;
    text-decoration: underline;
}

/* Sidebar headers */
.portal h3,
#mw-site-navigation h3 {
    color: #7db832 !important;
    border-bottom: 1px solid #3a5c0a !important;
}

/* ── RIGHT SIDE: Brain Pink (content area) ── */
#mw-content-container,
.mw-content-container,
#content,
#bodyContent {
    background-color: #1a0010 !important;
    color: #f0c0d0 !important;
}

/* Content links */
#bodyContent a {
    color: #e87da0 !important;
}

#bodyContent a:hover {
    color: #ffffff !important;
}

/* ── RIGHT SIDEBAR: Brain Pink ── */
#mw-related-navigation {
    background-color: #1a0010 !important;
    border-left: 2px solid #7a2a4a;
}

#mw-related-navigation h3,
#mw-related-navigation h4 {
    color: #e87da0 !important;
    border-bottom: 1px solid #7a2a4a !important;
}

#mw-related-navigation a {
    color: #d4698a !important;
}

#mw-related-navigation a:hover {
    color: #ffffff !important;
}

#mw-related-navigation .portal,
#mw-related-navigation .mw-portlet {
    background-color: #220015 !important;
    border: 1px solid #7a2a4a !important;
}

/* ── HEADER: Zombie Green to Brain Pink gradient ── */
#mw-header-container,
.mw-header {
    background: linear-gradient(to right, #0f1a00 0%, #0f1a00 40%, #1a0010 60%, #1a0010 100%) !important;
    border-bottom: 2px solid #3a3a3a;
}

#p-logo {
    background-color: #0f1a00 !important;
}

/* ── PAGE TITLE ── */
#firstHeading,
.firstHeading {
    color: #e87da0 !important;
    border-bottom: 1px solid #7a2a4a !important;
}

/* ── FOOTER ── */
#footer {
    background: linear-gradient(to right, #0a1400, #150008) !important;
    color: #999 !important;
    border-top: 2px solid #3a3a3a;
}

#footer a {
    color: #a8d040 !important;
}

#footer a:hover {
    color: #d4ff70 !important;
}

/* ── TABS ── */
#p-views .selected a,
#p-views li.selected a {
    background-color: #1a0010 !important;
    color: #e87da0 !important;
}

#p-views a {
    color: #f0c0d0 !important;
    background-color: #220015 !important;
}

#p-views a:hover {
    color: #ffffff !important;
    background-color: #2e001e !important;
}

/* ── SEARCH BAR ── */
#p-search input {
    background-color: #0f1a00 !important;
    color: #a8d040 !important;
    border: 1px solid #3a5c0a !important;
}

#p-search input::placeholder {
    color: #5a7a20 !important;
}

/* ── TALK PAGES ── */
.ns-talk #content {
    background-color: #150a00 !important;
}

/* ── SPECIAL PAGES ── */
.ns-special #content {
    background-color: #0f000f !important;
}