MediaWiki:Timeless.css: Difference between revisions

From Ghost Theory Wiki
← Older edit
PerilM (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,128 edits
No edit summary
No edit summary
Tag: Bots
 
(103 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* === GLOBAL BACKGROUND === */
#ca-talk { display: none !important; }
html, body {
    background: #000 !important;
    color: #fff !important;
}
 
/* === MAIN CONTENT AREA === */
#mw-content,
#mw-content-container,
#mw-content-block,
#mw-content-text {
    background: #000 !important;
    color: #fff !important;
}
 
/* === SIDEBAR + NAVIGATION === */
#mw-navigation,
#mw-panel,
#mw-panel .mw-portlet,
#mw-panel .mw-portlet-body {
    background: #000 !important;
    color: #fff !important;
}
 
/* === RIGHT SIDEBAR (page tools, more, etc.) === */
#mw-related-navigation,
#mw-data-navigation,
#mw-related-navigation .mw-portlet,
#mw-data-navigation .mw-portlet {
    background: #000 !important;
    color: #fff !important;
}
 
/* === HEADERS, TABS, TOP BAR === */
#mw-header,
#mw-header-container,
#mw-header h1,
#mw-header h2,
#mw-header .mw-portlet {
    background: #000 !important;
    color: #fff !important;
}
 
/* === SEARCH BAR === */
#searchInput,
#searchInput:focus {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}
 
/* === LINKS === */
a {
    color: #ff0 !important; /* yellow links */
}
 
a:visited {
    color: #ccc !important; /* silver visited links */
}
 
/* === GRAY CONTENT BOXES === */
.mw-parser-output .infobox,
.mw-parser-output .toc,
.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 BETWEEN ELEMENTS === */
#mw-content-container,
#mw-content-block,
#mw-content-text,
#mw-content {
    background-color: #000 !important;
}
 
/* === REMOVE WHITE BACKGROUND FROM EDITOR === */
.wikiEditor-ui,
.wikiEditor-ui textarea {
    background: #000 !important;
    color: #fff !important;
}
 
 
 
 
/* --- FORCE THE ENTIRE MENU COLUMN TO BE BLACK, NOT JUST THE TEXT ROWS --- */
#mw-panel,
#mw-panel .portal,
#mw-panel .portal .body,
#mw-panel .portal ul,
#mw-panel .sidebar,
#mw-panel .sidebar ul,
#mw-panel .sidebar li {
    background: #000 !important;
}
 
/* --- ENSURE NO TRANSPARENT GAPS BETWEEN ITEMS --- */
#mw-panel .portal ul li,
#mw-panel .sidebar ul li {
    background: #000 !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;
}
 
/* --- TEXT + LINK COLORS --- */
#mw-panel,
#mw-panel * {
    color: #fff !important;
}
 
#mw-panel a {
    color: #f5d000 !important;
}
 
#mw-panel a:visited {
    color: #c0c0c0 !important;
}
 
 
/* FORCE THE ENTIRE MENU COLUMN TO BE SOLID BLACK */
#mw-panel,
#mw-panel .portal,
#mw-panel .portal .body,
#mw-panel .portal .body ul {
    background-color: #000 !important;
}
 
/* REMOVE ANY BACKGROUND FROM INDIVIDUAL MENU ITEMS */
#mw-panel .portal .body ul li,
#mw-panel .portal .body ul li a {
    background: transparent !important;
}
 
/* ENSURE TEXT AND LINKS ARE VISIBLE */
#mw-panel,
#mw-panel * {
    color: #fff !important;
}
 
#mw-panel a {
    color: #f5d000 !important;
}
 
#mw-panel a:visited {
    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 */
.mw-portlet,
.mw-portlet .mw-portlet-body,
.mw-portlet .mw-portlet-body ul,
.mw-portlet .mw-portlet-body ul li {
    background: #000 !important;
}
 
/* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
.mw-portlet .mw-portlet-body ul li a {
    background: transparent !important;
}
 
/* ENSURE TEXT IS VISIBLE */
.mw-portlet,
.mw-portlet * {
    color: #fff !important;
}
 
/* YOUR LINK COLORS */
.mw-portlet a {
    color: #f5d000 !important;
}
 
.mw-portlet a:visited {
    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 */
/* Hide the entire Anonymous dropdown menu in Timeless */
#mw-navigation,
#p-personal,
#mw-navigation .mw-accordion,
#personal,
#mw-navigation .mw-accordion-section,
#user-tools {
#mw-navigation .mw-accordion-section .mw-accordion-content,
     display: none !important;
#mw-navigation .mw-accordion-section .mw-accordion-content ul,
#mw-navigation .mw-accordion-section .mw-accordion-content li {
     background: #000 !important;
}
}


/* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
.quote-box {
#mw-navigation .mw-accordion-section .mw-accordion-content li a {
    padding: 1em 1.2em;
     background: transparent !important;
    margin: 1.5em 0;
    background: #f2f2f2;
    border-left: 4px solid #ccc;
    border-radius: 4px;
     color: #222;
}
}


/* ENSURE TEXT IS VISIBLE */
/* Gray background box for FAQ questions */
#mw-navigation,
.faq-question {
#mw-navigation * {
    background-color: #f2f3f4;  /* light gray that fits your Timeless theme */
     color: #fff !important;
    padding: .2em;              /* space inside the box */
}
     margin: .5em 0;             /* space between boxes */
    border-radius: 2px;        /* optional: soft corners */


/* YOUR LINK COLORS */
#mw-navigation a {
    color: #f5d000 !important;
}
}


#mw-navigation a:visited {
/* Make the heading smaller INSIDE the FAQ box */
     color: #c0c0c0 !important;
h3 .faq-question {
     background-color: #f2f3f4;
    padding: .2em;
    border-radius: 2px;
    font-size: .8em !important;
}
}


/* DARKEN THE OVERLAY BEHIND THE MENU */
/* Hide all category links on article pages */
#mw-navigation:before {
#catlinks {
     background: rgba(0,0,0,0.85) !important;
     display: none !important;
}
}


 
/* Hide empty category page warnings and edit notices */
/* FORCE THE ENTIRE MENU COLUMN TO BE BLACK */
body.page-Category .mw-parser-output > p,
#mw-navigation,
body.page-Category .noarticletext,
#mw-navigation * {
body.page-Category .mw-empty-elt,
     background-color: #000 !important;
body.page-Category #contentSub,
body.page-Category #contentSub2 {
     display: none !important;
}
}


/* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
/* Hide the "Category" tab on category pages (optional) */
#mw-navigation li a {
body.ns-14 #ca-nstab-category {
     background: transparent !important;
     display: none !important;
}
}


/* REMOVE TRANSPARENT PADDING THAT CREATES THE GAPS */
/* Hide all category displays in Timeless */
#mw-navigation li {
#catlinks,
    padding-top: 0 !important;
.catlinks,
    padding-bottom: 0 !important;
.mw-normal-catlinks,
    margin-top: 0 !important;
.mw-hidden-catlinks,
    margin-bottom: 0 !important;
#mw-normal-catlinks,
     background-color: #000 !important;
#mw-hidden-catlinks {
     display: none !important;
}
}


/* ENSURE THE UL ITSELF IS BLACK */
/* Universal kill-switch for Timeless page tools */
#mw-navigation ul {
    background-color: #000 !important;
}
 
/* TEXT + LINK COLORS */
#mw-navigation,
#mw-navigation * {
    color: #fff !important;
}
 
#mw-navigation a {
    color: #f5d000 !important;
}
 
#mw-navigation a:visited {
    color: #c0c0c0 !important;
}
 
 
/* === GLOBAL BACKGROUND === */
html, body {
    background: #000 !important;
    color: #fff !important;
}
 
/* === MAIN CONTENT AREA === */
#mw-content,
#mw-content-container,
#mw-content-block,
#mw-content-text {
    background: #000 !important;
    color: #fff !important;
}
 
/* === SIDEBAR + NAVIGATION === */
#mw-navigation,
#mw-panel,
#mw-panel .mw-portlet,
#mw-panel .mw-portlet-body {
    background: #000 !important;
    color: #fff !important;
}
 
/* === RIGHT SIDEBAR (page tools, more, etc.) === */
#mw-related-navigation,
#mw-related-navigation,
#mw-data-navigation,
#page-tools,
#mw-related-navigation .mw-portlet,
#page-tools-wrapper,
#mw-data-navigation .mw-portlet {
#mw-panel .page-tools,
     background: #000 !important;
.sidebar-chunk.page-tools {
    color: #fff !important;
     display: none !important;
}
}


/* === HEADERS, TABS, TOP BAR === */
@import url('https://fonts.googleapis.com/css2?family=Alegreya:opsz,wght@8..30,400;8..30,600;8..30,700&display=swap');
#mw-header,
#mw-header-container,
#mw-header h1,
#mw-header h2,
#mw-header .mw-portlet {
    background: #000 !important;
    color: #fff !important;
}
 
/* === SEARCH BAR === */
#searchInput,
#searchInput:focus {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}
 
/* === LINKS === */
a {
    color: #ff0 !important; /* yellow links */
}
 
a:visited {
    color: #ccc !important; /* silver visited links */
}
 
/* === GRAY CONTENT BOXES === */
.mw-parser-output .infobox,
.mw-parser-output .toc,
.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 BETWEEN ELEMENTS === */
#mw-content-container,
#mw-content-block,
#mw-content-text,
#mw-content {
    background-color: #000 !important;
}
 
/* === REMOVE WHITE BACKGROUND FROM EDITOR === */
.wikiEditor-ui,
.wikiEditor-ui textarea {
    background: #000 !important;
    color: #fff !important;
}
 
 
 
 
/* --- FORCE THE ENTIRE MENU COLUMN TO BE BLACK, NOT JUST THE TEXT ROWS --- */
#mw-panel,
#mw-panel .portal,
#mw-panel .portal .body,
#mw-panel .portal ul,
#mw-panel .sidebar,
#mw-panel .sidebar ul,
#mw-panel .sidebar li {
    background: #000 !important;
}
 
/* --- ENSURE NO TRANSPARENT GAPS BETWEEN ITEMS --- */
#mw-panel .portal ul li,
#mw-panel .sidebar ul li {
    background: #000 !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;
}
 
/* --- TEXT + LINK COLORS --- */
#mw-panel,
#mw-panel * {
    color: #fff !important;
}
 
#mw-panel a {
    color: #f5d000 !important;
}
 
#mw-panel a:visited {
    color: #c0c0c0 !important;
}
 
 
/* FORCE THE ENTIRE MENU COLUMN TO BE SOLID BLACK */
#mw-panel,
#mw-panel .portal,
#mw-panel .portal .body,
#mw-panel .portal .body ul {
    background-color: #000 !important;
}
 
/* REMOVE ANY BACKGROUND FROM INDIVIDUAL MENU ITEMS */
#mw-panel .portal .body ul li,
#mw-panel .portal .body ul li a {
    background: transparent !important;
}
 
/* ENSURE TEXT AND LINKS ARE VISIBLE */
#mw-panel,
#mw-panel * {
    color: #fff !important;
}
 
#mw-panel a {
    color: #f5d000 !important;
}
 
#mw-panel a:visited {
    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 */
.mw-portlet,
.mw-portlet .mw-portlet-body,
.mw-portlet .mw-portlet-body ul,
.mw-portlet .mw-portlet-body ul li {
    background: #000 !important;
}
 
/* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
.mw-portlet .mw-portlet-body ul li a {
    background: transparent !important;
}
 
/* ENSURE TEXT IS VISIBLE */
.mw-portlet,
.mw-portlet * {
    color: #fff !important;
}
 
/* YOUR LINK COLORS */
.mw-portlet a {
    color: #f5d000 !important;
}
 
.mw-portlet a:visited {
    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 */
#mw-navigation,
#mw-navigation .mw-accordion,
#mw-navigation .mw-accordion-section,
#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;
}
 
/* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
#mw-navigation .mw-accordion-section .mw-accordion-content li a {
    background: transparent !important;
}
 
/* ENSURE TEXT IS VISIBLE */
#mw-navigation,
#mw-navigation * {
    color: #fff !important;
}
 
/* YOUR LINK COLORS */
#mw-navigation a {
    color: #f5d000 !important;
}
 
#mw-navigation a:visited {
    color: #c0c0c0 !important;
}
 
/* DARKEN THE OVERLAY BEHIND THE MENU */
#mw-navigation:before {
    background: rgba(0,0,0,0.85) !important;
}
 
 
/* FORCE THE ENTIRE MENU COLUMN TO BE BLACK */
#mw-navigation,
#mw-navigation * {
    background-color: #000 !important;
}
 
/* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
#mw-navigation li a {
    background: transparent !important;
}
 
/* REMOVE TRANSPARENT PADDING THAT CREATES THE GAPS */
#mw-navigation li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-color: #000 !important;
}
 
/* ENSURE THE UL ITSELF IS BLACK */
#mw-navigation ul {
    background-color: #000 !important;
}
 
/* TEXT + LINK COLORS */
#mw-navigation,
#mw-navigation * {
    color: #fff !important;
}
 
#mw-navigation a {
    color: #f5d000 !important;
}


#mw-navigation a:visited {
/* Force Timeless title span to behave like a real heading */
     color: #c0c0c0 !important;
.mw-page-title-main {
    display: block !important;
    font-family: "Alegreya", serif !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 0.2em 0 !important;
     color: #989898 !important;
}
}

Latest revision as of 06:43, 11 January 2026

#ca-talk { display: none !important; }

/* Hide the entire Anonymous dropdown menu in Timeless */
#p-personal,
#personal,
#user-tools {
    display: none !important;
}

.quote-box {
    padding: 1em 1.2em;
    margin: 1.5em 0;
    background: #f2f2f2;
    border-left: 4px solid #ccc;
    border-radius: 4px;
    color: #222;
}

/* Gray background box for FAQ questions */
.faq-question {
    background-color: #f2f3f4;   /* light gray that fits your Timeless theme */
    padding: .2em;               /* space inside the box */
    margin: .5em 0;              /* space between boxes */
    border-radius: 2px;         /* optional: soft corners */

}

/* Make the heading smaller INSIDE the FAQ box */
h3 .faq-question {
    background-color: #f2f3f4;
    padding: .2em;
    border-radius: 2px;
    font-size: .8em !important;
}

/* Hide all category links on article pages */
#catlinks {
    display: none !important;
}

/* Hide empty category page warnings and edit notices */
body.page-Category .mw-parser-output > p,
body.page-Category .noarticletext,
body.page-Category .mw-empty-elt,
body.page-Category #contentSub,
body.page-Category #contentSub2 {
    display: none !important;
}

/* Hide the "Category" tab on category pages (optional) */
body.ns-14 #ca-nstab-category {
    display: none !important;
}

/* Hide all category displays in Timeless */
#catlinks,
.catlinks,
.mw-normal-catlinks,
.mw-hidden-catlinks,
#mw-normal-catlinks,
#mw-hidden-catlinks {
    display: none !important;
}

/* Universal kill-switch for Timeless page tools */
#mw-related-navigation,
#page-tools,
#page-tools-wrapper,
#mw-panel .page-tools,
.sidebar-chunk.page-tools {
    display: none !important;
}

@import url('https://fonts.googleapis.com/css2?family=Alegreya:opsz,wght@8..30,400;8..30,600;8..30,700&display=swap');

/* Force Timeless title span to behave like a real heading */
.mw-page-title-main {
    display: block !important;
    font-family: "Alegreya", serif !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 0.2em 0 !important;
    color: #989898 !important;
}
Retrieved from "https://ghosttheorywiki.com/index.php?title=MediaWiki:Timeless.css&oldid=878"