MediaWiki:Timeless.css: Difference between revisions

From Ghost Theory Wiki
← Older editNewer edit →
PerilM (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,171 edits
No edit summary
No edit summary
Line 86: Line 86:
     color: #fff !important;
     color: #fff !important;
}
}


/* --- FORCE THE ENTIRE MENU COLUMN TO BE BLACK, NOT JUST THE TEXT ROWS --- */
/* --- FORCE THE ENTIRE MENU COLUMN TO BE BLACK, NOT JUST THE TEXT ROWS --- */
Line 102: Line 105:
#mw-panel .sidebar ul li {
#mw-panel .sidebar ul li {
     background: #000 !important;
     background: #000 !important;
     border: none !important;
     border: none !important; /* Timeless sometimes adds separators */
}
 
/* --- ENSURE THE OVERLAY IS DARK --- */
#mw-navigation:before,
#mw-panel:before {
    background: rgba(0,0,0,0.85) !important;
}
}


Line 118: Line 127:
     color: #c0c0c0 !important;
     color: #c0c0c0 !important;
}
}


/* FORCE THE ENTIRE MENU COLUMN TO BE SOLID BLACK */
/* FORCE THE ENTIRE MENU COLUMN TO BE SOLID BLACK */
Line 146: Line 156:
     color: #c0c0c0 !important;
     color: #c0c0c0 !important;
}
}
/* DARKEN THE OVERLAY BEHIND THE MENU */
#mw-navigation:before {
    background: rgba(0,0,0,0.85) !important;
}


/* FORCE THE ENTIRE MOBILE MENU COLUMN TO BE BLACK */
/* FORCE THE ENTIRE MOBILE MENU COLUMN TO BE BLACK */
Line 175: Line 191:
}
}


/* DARKEN THE OVERLAY BEHIND THE MENU */
#mw-navigation:before {
    background: rgba(0,0,0,0.85) !important;
}








/* === GLOBAL BACKGROUND === */
html, body {
    background: #000 !important;
    color: #fff !important;
}


/* === MAIN CONTENT AREA === */
/* FORCE THE ENTIRE MOBILE MENU COLUMN TO BE BLACK */
#mw-content,
#mw-content-container,
#mw-content-block,
#mw-content-text {
    background: #000 !important;
    color: #fff !important;
}
 
/* === SIDEBAR + NAVIGATION === */
#mw-navigation,
#mw-navigation,
#mw-panel,
#mw-navigation .mw-accordion,
#mw-panel .mw-portlet,
#mw-navigation .mw-accordion-section,
#mw-panel .mw-portlet-body {
#mw-navigation .mw-accordion-section .mw-accordion-content,
#mw-navigation .mw-accordion-section .mw-accordion-content ul,
#mw-navigation .mw-accordion-section .mw-accordion-content li {
     background: #000 !important;
     background: #000 !important;
    color: #fff !important;
}
}


/* === RIGHT SIDEBAR === */
/* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
#mw-related-navigation,
#mw-navigation .mw-accordion-section .mw-accordion-content li a {
#mw-data-navigation,
     background: transparent !important;
#mw-related-navigation .mw-portlet,
#mw-data-navigation .mw-portlet {
     background: #000 !important;
    color: #fff !important;
}
}


/* === HEADERS, TABS, TOP BAR === */
/* ENSURE TEXT IS VISIBLE */
/* FIXED: do NOT override .mw-portlet inside header */
#mw-navigation,
#mw-header,
#mw-navigation * {
#mw-header-container {
    background: #000 !important;
     color: #fff !important;
     color: #fff !important;
}
}


/* === SEARCH BAR === */
/* YOUR LINK COLORS */
#searchInput,
#mw-navigation a {
#searchInput:focus {
     color: #f5d000 !important;
    background: #111 !important;
     color: #fff !important;
    border: 1px solid #444 !important;
}
}


/* FIX: remove invalid underline */
#mw-navigation a:visited {
#searchInput:invalid {
     color: #c0c0c0 !important;
     border-bottom: 1px solid #444 !important;
    box-shadow: none !important;
}
}


/* === LINKS === */
/* DARKEN THE OVERLAY BEHIND THE MENU */
a {
#mw-navigation:before {
     color: #ff0 !important;
     background: rgba(0,0,0,0.85) !important;
}
}


a:visited {
    color: #ccc !important;
}


/* === GRAY CONTENT BOXES === */
/* FORCE THE ENTIRE MENU COLUMN TO BE BLACK */
.mw-parser-output .infobox,
#mw-navigation,
.mw-parser-output .toc,
#mw-navigation * {
.mw-parser-output table,
.mw-parser-output .thumb,
.mw-parser-output .thumbinner,
.mw-parser-output .navbox,
.mw-parser-output .metadata {
    background: #111 !important;
    color: #fff !important;
    border-color: #333 !important;
}
 
/* === FIX WHITE GAPS === */
#mw-content-container,
#mw-content-block,
#mw-content-text,
#mw-content {
     background-color: #000 !important;
     background-color: #000 !important;
}
}


/* === EDITOR === */
/* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
.wikiEditor-ui,
#mw-navigation li a {
.wikiEditor-ui textarea {
     background: transparent !important;
     background: #000 !important;
    color: #fff !important;
}
}


/* === SIDEBAR CLEANUP === */
/* REMOVE TRANSPARENT PADDING THAT CREATES THE GAPS */
#mw-panel,
#mw-navigation li {
#mw-panel .portal,
    padding-top: 0 !important;
#mw-panel .portal .body,
    padding-bottom: 0 !important;
#mw-panel .portal ul,
    margin-top: 0 !important;
#mw-panel .sidebar,
    margin-bottom: 0 !important;
#mw-panel .sidebar ul,
     background-color: #000 !important;
#mw-panel .sidebar li {
     background: #000 !important;
}
}


#mw-panel .portal ul li,
/* ENSURE THE UL ITSELF IS BLACK */
#mw-panel .sidebar ul li {
#mw-navigation ul {
     background: #000 !important;
     background-color: #000 !important;
    border: none !important;
}
}


#mw-panel,
/* TEXT + LINK COLORS */
#mw-panel * {
#mw-navigation,
#mw-navigation * {
     color: #fff !important;
     color: #fff !important;
}
}


#mw-panel a {
#mw-navigation a {
     color: #f5d000 !important;
     color: #f5d000 !important;
}
}


#mw-panel a:visited {
#mw-navigation a:visited {
    color: #c0c0c0 !important;
}
 
/* === MOBILE MENU === */
.mw-portlet,
.mw-portlet .mw-portlet-body,
.mw-portlet .mw-portlet-body ul,
.mw-portlet .mw-portlet-body ul li {
    background: #000 !important;
}
 
.mw-portlet .mw-portlet-body ul li a {
    background: transparent !important;
}
 
.mw-portlet,
.mw-portlet * {
    color: #fff !important;
}
 
.mw-portlet a {
    color: #f5d000 !important;
}
 
.mw-portlet a:visited {
     color: #c0c0c0 !important;
     color: #c0c0c0 !important;
}
}
Retrieved from "https://ghosttheorywiki.com/wiki/MediaWiki:Timeless.css"