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.

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

/* ── LEFT SIDE: Brain Pink (sidebar/navigation) ── */
#mw-site-navigation,
#mw-panel,
.mw-site-navigation {
    background-color: #2d0a18 !important;
    border-right: 2px solid #6b1a35;
}

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

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

/* Sidebar headers */
.portal h3,
#mw-site-navigation h3 {
    color: #ff5577 !important;
    border-bottom: 1px solid #6b1a35 !important;
}

/* ── RIGHT SIDE: Zombie Green (content area) ── */
#mw-content-container,
.mw-content-container,
#content,
#bodyContent {
    background-color: #0a1a05 !important;
    color: #aad066 !important;
}

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

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

/* ── RIGHT SIDEBAR: Zombie Green ── */
#mw-related-navigation {
    background-color: #0a1a05 !important;
    border-left: 2px solid #2d5a10;
}

#mw-related-navigation h3,
#mw-related-navigation h4 {
    color: #88cc33 !important;
    border-bottom: 1px solid #2d5a10 !important;
}

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

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

#mw-related-navigation .portal,
#mw-related-navigation .mw-portlet {
    background-color: #0f2208 !important;
    border: 1px solid #2d5a10 !important;
}

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

#p-logo {
    background-color: #2d0a18 !important;
}

/* ── PAGE TITLE ── */
#firstHeading,
.firstHeading {
    color: #88cc33 !important;
    border-bottom: 1px solid #2d5a10 !important;
}

/* ── FOOTER ── */
#footer {
    background: linear-gradient(to right, #1f0810, #081508) !important;
    color: #aaa !important;
    border-top: 2px solid #444;
}

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

/* ── TABS ── */
#p-views .selected a,
#p-views li.selected a {
    background-color: #0a1a05 !important;
    color: #88cc33 !important;
}

/* ── SEARCH BAR ── */
#p-search input {
    background-color: #0f2208 !important;
    color: #aad066 !important;
    border: 1px solid #2d5a10 !important;
}

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

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

/* ── INFOBOX TEXT: Very Dark Brain Pink ── */
.infobox,
.infobox td,
.infobox th,
.infobox tr {
    color: #4d0020 !important;
}

/* Infobox header/title row */
.infobox caption,
.infobox > tbody > tr:first-child th {
    color: #330015 !important;
}

/* Infobox links */
.infobox a {
    color: #660033 !important;
}

.infobox a:hover {
    color: #991a4d !important;
}