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: #1a0a12;
}

/* ── LEFT SIDE: Dark Pink (sidebar/navigation) ── */
#mw-site-navigation,
#mw-panel,
.mw-site-navigation {
    background-color: #3b0a20 !important;
    border-right: 2px solid #8b1a4a;
}

#mw-site-navigation a,
#mw-panel a {
    color: magenta !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: #ff66aa !important;
    border-bottom: 1px solid #8b1a4a !important;
}

/* ── RIGHT SIDE: Cyan (content area) ── */
#mw-content-container,
.mw-content-container,
#content,
#bodyContent {
    background-color: #001f1f !important;
    color: #ccffff !important;
}

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

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

/* ── RIGHT SIDEBAR: Cyan ── */
#mw-related-navigation {
    background-color: #001f1f !important;
    border-left: 2px solid #007a7a;
}

#mw-related-navigation h3,
#mw-related-navigation h4 {
    color: #00ffff !important;
    border-bottom: 1px solid #007a7a !important;
}

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

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

#mw-related-navigation .portal,
#mw-related-navigation .mw-portlet {
    background-color: #002a2a !important;
    border: 1px solid #007a7a !important;
}

/* ── HEADER: Pink to Cyan gradient ── */
#mw-header-container,
.mw-header {
    background: linear-gradient(to right, #3b0a20 0%, #3b0a20 40%, #001f1f 60%, #001f1f 100%) !important;
    border-bottom: 2px solid #555;
}

#p-logo {
    background-color: #3b0a20 !important;
}

/* ── PAGE TITLE ── */
#firstHeading,
.firstHeading {
    color: #00ffff !important;
    border-bottom: 1px solid #007a7a !important;
}

/* ── FOOTER ── */
#footer {
    background: linear-gradient(to right, #2a0818, #001a1a) !important;
    color: #aaa !important;
    border-top: 2px solid #555;
}

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

/* ── TABS ── */
#p-views .selected a,
#p-views li.selected a {
    background-color: #001f1f !important;
    color: #00ffff !important;
}

#p-views a {
    color: #ccffff !important;
    background-color: #002a2a !important;
}

/* ── SEARCH BAR ── */
#p-search input {
    background-color: #002a2a !important;
    color: #ccffff !important;
    border: 1px solid #007a7a !important;
}

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

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

#content { background-color: #B4C0DA; }

.page-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}