MediaWiki:Common.css: Difference between revisions

From Ghost Theory Wiki
← Older editNewer edit →
PerilM (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,128 edits
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
/* === GLOBAL OVERRIDE: FORCE DARK EVERYTHING === */
/* === GLOBAL BACKGROUND === */
html, body, * {
body {
     background-color: #000 !important;
    background-color: #000000 !important;
     color: #fff !important;
    color: #ffffff !important;
     border-color: #333 !important;
}
 
/* === PAGE CONTENT AREA === */
#content,
.mw-body,
.mw-body-content {
     background-color: #111111 !important;
     color: #ffffff !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 1.25rem !important;
     box-sizing: border-box !important;
}
}


/* === LINKS === */
/* === LINKS === */
a {
a {
     color: #ff0 !important;
     color: #ffea00 !important; /* yellow links */
}
}
a:visited {
a:visited {
     color: #ccc !important;
     color: #c0c0c0 !important; /* silver visited links */
}
}


/* === TABLES, INFOBOXES, THUMBS, TOC === */
a:hover {
table,
     color: #fff799 !important;
.infobox,
.toc,
.thumb,
.thumbinner,
.mw-parser-output table,
.mw-parser-output .thumb,
.mw-parser-output .thumbinner {
     background-color: #111 !important;
    color: #fff !important;
    border-color: #333 !important;
}
}


/* === FORMS, INPUTS, BUTTONS === */
/* === HEADINGS === */
input,
h1, h2, h3, h4, h5, h6 {
textarea,
     color: #ffffff !important;
select,
button {
    background-color: #111 !important;
     color: #fff !important;
    border: 1px solid #444 !important;
}
}


/* === SPECIAL PAGES (Preferences, Upload, RecentChanges, etc.) === */
/* === TABLES, INFOBOXES, BOXES === */
.mw-specialpage,
table,
.mw-htmlform,
.infobox,
.mw-htmlform-field,
.toc,
.mw-htmlform-submit,
.mw-message-box,
.mw-htmlform-field-HTMLTextField,
.mw-notification {
.mw-htmlform-field-HTMLSelectField,
     background-color: #1a1a1a !important;
.mw-htmlform-field-HTMLCheckField {
     color: #ffffff !important;
     background-color: #000 !important;
     border-color: #333333 !important;
     color: #fff !important;
}
 
/* === EDITOR === */
.wikiEditor-ui,
.wikiEditor-ui textarea,
#wpTextbox1 {
     background-color: #000 !important;
    color: #fff !important;
}
}


/* === FIX RANDOM WHITE GAPS === */
/* === MINERVA HAMBURGER MENU (FULL DARK) === */
div,
.minerva-drawer,
section,
.minerva-drawer__content,
article,
.minerva-drawer__menu,
header,
.minerva-drawer__header,
footer,
.minerva-drawer__footer {
nav {
     background-color: #000000 !important;
     background-color: transparent !important;
    color: #ffffff !important;
}
}


 
.minerva-drawer a {
/* === FORCE DARK ON ALL CONTENT BLOCKS === */
     color: #ffea00 !important;
.mw-parser-output,
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output p,
.mw-parser-output ul,
.mw-parser-output li,
.mw-parser-output table,
.mw-parser-output td,
.mw-parser-output th,
.mw-parser-output .mw-message-box,
.mw-parser-output .plainlinks,
.mw-parser-output .mw-headline {
     background-color: #000 !important;
    color: #fff !important;
    border-color: #333 !important;
}
}


/* === FIX WHITE TABS AND PAGE HEADER === */
.minerva-drawer a:visited {
#contentSub,
#mw-content-subtitle,
#mw-page-base,
#mw-head-base,
#mw-content-text,
#mw-content,
#firstHeading {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #333 !important;
}
 
 
/* --- MAKE THE HAMBURGER ICON VISIBLE ON BLACK --- */
#mw-header .mw-ui-icon-mf-menu,
#mw-header .mw-ui-icon-mf-menu:before {
    color: #fff !important; /* white icon */
    fill: #fff !important;
}
 
/* --- FORCE THE MOBILE MENU PANEL TO BE OPAQUE --- */
#mw-mf-page-left,
#mw-mf-page-left .menu,
#mw-mf-page-left .menu__content {
    background: #000 !important; /* solid black */
}
 
/* --- DARKEN THE OVERLAY BEHIND THE MENU --- */
#mw-mf-page-left-overlay {
    background: rgba(0,0,0,0.85) !important;
}
 
/* --- MENU LINK COLORS (YOUR PALETTE) --- */
#mw-mf-page-left a {
    color: #f5d000 !important; /* yellow */
}
 
#mw-mf-page-left a:visited {
    color: #c0c0c0 !important; /* silver */
}
 
/* --- ENSURE MENU TEXT IS READABLE --- */
#mw-mf-page-left,
#mw-mf-page-left * {
    color: #fff !important;
}
 
 
 
#mw-header .mw-ui-icon,
#mw-header .mw-ui-icon:before {
    color: #f5d000 !important;
    fill: #f5d000 !important;
}
 
 
 
/* --- MAKE THE MOBILE MENU BACKGROUND SOLID BLACK --- */
.mw-extended-menu,
.mw-extended-menu .mw-extended-menu-content {
    background: #000 !important;
}
 
/* --- DARKEN THE OVERLAY BEHIND THE MENU --- */
.mw-extended-menu-overlay {
    background: rgba(0,0,0,0.85) !important;
}
 
/* --- ENSURE MENU TEXT IS READABLE --- */
.mw-extended-menu,
.mw-extended-menu * {
    color: #fff !important;
}
 
/* --- YOUR LINK COLORS --- */
.mw-extended-menu a {
    color: #f5d000 !important;
}
 
.mw-extended-menu a:visited {
     color: #c0c0c0 !important;
     color: #c0c0c0 !important;
}
}


 
/* === SEARCH BAR === */
/* FORCE THE ENTIRE FALLBACK MOBILE MENU COLUMN TO BE BLACK */
.minerva-search-box,
#mw-navigation,
.minerva-search-box input {
#mw-navigation .mw-ui-menu,
     background-color: #111111 !important;
#mw-navigation .mw-ui-menu ul,
     color: #ffffff !important;
#mw-navigation .mw-ui-menu li {
     border-color: #333333 !important;
     background-color: #000 !important;
}
 
/* REMOVE TRANSPARENT PADDING THAT CREATES THE GAPS */
#mw-navigation .mw-ui-menu li {
     padding: 0 !important;
    margin: 0 !important;
}
 
/* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
#mw-navigation .mw-ui-menu li a {
     background: transparent !important;
}
 
/* TEXT + LINK COLORS */
#mw-navigation,
#mw-navigation * {
    color: #fff !important;
}
}


#mw-navigation a {
/* === FOOTER === */
     color: #f5d000 !important;
#footer,
#footer-info,
#footer-places {
    background-color: #000000 !important;
     color: #ffffff !important;
}
}


#mw-navigation a:visited {
/* === FIX WHITE FLASHES === */
     color: #c0c0c0 !important;
html,
body {
     background: #000000 !important;
}
}

Revision as of 21:29, 15 December 2025

/* === GLOBAL BACKGROUND === */
body {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* === PAGE CONTENT AREA === */
#content,
.mw-body,
.mw-body-content {
    background-color: #111111 !important;
    color: #ffffff !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 1.25rem !important;
    box-sizing: border-box !important;
}

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

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

a:hover {
    color: #fff799 !important;
}

/* === HEADINGS === */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}

/* === TABLES, INFOBOXES, BOXES === */
table,
.infobox,
.toc,
.mw-message-box,
.mw-notification {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: #333333 !important;
}

/* === MINERVA HAMBURGER MENU (FULL DARK) === */
.minerva-drawer,
.minerva-drawer__content,
.minerva-drawer__menu,
.minerva-drawer__header,
.minerva-drawer__footer {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.minerva-drawer a {
    color: #ffea00 !important;
}

.minerva-drawer a:visited {
    color: #c0c0c0 !important;
}

/* === SEARCH BAR === */
.minerva-search-box,
.minerva-search-box input {
    background-color: #111111 !important;
    color: #ffffff !important;
    border-color: #333333 !important;
}

/* === FOOTER === */
#footer,
#footer-info,
#footer-places {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* === FIX WHITE FLASHES === */
html,
body {
    background: #000000 !important;
}
Retrieved from "https://ghosttheorywiki.com/index.php?title=MediaWiki:Common.css&oldid=39"