MediaWiki:Common.css: Difference between revisions

From Ghost Theory Wiki
No edit summary
Tag: Reverted
mNo edit summary
 
(23 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* === GLOBAL OVERRIDE: FORCE DARK EVERYTHING === */
#ca-talk { display: none !important; }
html, body, * {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #333 !important;
}
 
/* === LINKS === */
a {
    color: #ff0 !important;
}
a:visited {
    color: #ccc !important;
}
 
/* === TABLES, INFOBOXES, THUMBS, TOC === */
table,
.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 === */
input,
textarea,
select,
button {
    background-color: #111 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}
 
/* === SPECIAL PAGES (Preferences, Upload, RecentChanges, etc.) === */
.mw-specialpage,
.mw-htmlform,
.mw-htmlform-field,
.mw-htmlform-submit,
.mw-htmlform-field-HTMLTextField,
.mw-htmlform-field-HTMLSelectField,
.mw-htmlform-field-HTMLCheckField {
    background-color: #000 !important;
    color: #fff !important;
}
 
/* === EDITOR === */
.wikiEditor-ui,
.wikiEditor-ui textarea,
#wpTextbox1 {
    background-color: #000 !important;
    color: #fff !important;
}
 
/* === FIX RANDOM WHITE GAPS === */
div,
section,
article,
header,
footer,
nav {
    background-color: transparent !important;
}
 
 
/* === FORCE DARK ON ALL CONTENT BLOCKS === */
.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 === */
#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 {
/* Hide mobile version on desktop */
     color: #c0c0c0 !important; /* silver */
.episode-image-mobile {
     display: none;
}
}


/* --- ENSURE MENU TEXT IS READABLE --- */
/* Hide desktop version on small screens */
#mw-mf-page-left,
@media screen and (max-width: 600px) {
#mw-mf-page-left * {
    .episode-image-desktop {
    color: #fff !important;
        display: none;
    }
    .episode-image-mobile {
        display: block;
    }
}
}