MediaWiki:Timeless.css: Difference between revisions

Latest revision as of 16:19, 9 March 2026

/* ── 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: #ffaacc !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: #009999 !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;
}



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

/* ── INFOBOX TEXT: Very Dark Cyan ── */
.infobox,
.infobox td,
.infobox th,
.infobox tr {
    color: #004d4d !important;
}

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

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

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