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
 
(117 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 === */
/* Hide the entire Anonymous dropdown menu in Timeless */
#mw-navigation,
#p-personal,
#mw-panel,
#personal,
#mw-panel .mw-portlet,
#user-tools {
#mw-panel .mw-portlet-body {
     display: none !important;
     background: #000 !important;
    color: #fff !important;
}
}


/* === RIGHT SIDEBAR (page tools, more, etc.) === */
.quote-box {
#mw-related-navigation,
    padding: 1em 1.2em;
#mw-data-navigation,
    margin: 1.5em 0;
#mw-related-navigation .mw-portlet,
    background: #f2f2f2;
#mw-data-navigation .mw-portlet {
    border-left: 4px solid #ccc;
     background: #000 !important;
     border-radius: 4px;
     color: #fff !important;
     color: #222;
}
}


/* === HEADERS, TABS, TOP BAR === */
/* Gray background box for FAQ questions */
#mw-header,
.faq-question {
#mw-header-container,
    background-color: #f2f3f4;  /* light gray that fits your Timeless theme */
#mw-header h1,
    padding: .2em;              /* space inside the box */
#mw-header h2,
     margin: .5em 0;             /* space between boxes */
#mw-header .mw-portlet {
     border-radius: 2px;         /* optional: soft corners */
     background: #000 !important;
     color: #fff !important;
}


/* === SEARCH BAR === */
#searchInput,
#searchInput:focus {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}
}


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


a:visited {
/* Hide all category links on article pages */
     color: #ccc !important; /* silver visited links */
#catlinks {
     display: none !important;
}
}


/* === GRAY CONTENT BOXES === */
/* Hide empty category page warnings and edit notices */
.mw-parser-output .infobox,
body.page-Category .mw-parser-output > p,
.mw-parser-output .toc,
body.page-Category .noarticletext,
.mw-parser-output table,
body.page-Category .mw-empty-elt,
.mw-parser-output .thumb,
body.page-Category #contentSub,
.mw-parser-output .thumbinner,
body.page-Category #contentSub2 {
.mw-parser-output .navbox,
     display: none !important;
.mw-parser-output .metadata {
     background: #111 !important;
    color: #fff !important;
    border-color: #333 !important;
}
}


/* === FIX WHITE GAPS BETWEEN ELEMENTS === */
/* Hide the "Category" tab on category pages (optional) */
#mw-content-container,
body.ns-14 #ca-nstab-category {
#mw-content-block,
     display: none !important;
#mw-content-text,
#mw-content {
     background-color: #000 !important;
}
}


/* === REMOVE WHITE BACKGROUND FROM EDITOR === */
/* Hide all category displays in Timeless */
.wikiEditor-ui,
#catlinks,
.wikiEditor-ui textarea {
.catlinks,
    background: #000 !important;
.mw-normal-catlinks,
     color: #fff !important;
.mw-hidden-catlinks,
#mw-normal-catlinks,
#mw-hidden-catlinks {
     display: none !important;
}
}


/* === FORCE DARK BACKGROUND ON ALL GENERIC DIVS === */
/* Universal kill-switch for Timeless page tools */
div {
#mw-related-navigation,
    background-color: transparent !important;
#page-tools,
}
#page-tools-wrapper,
 
#mw-panel .page-tools,
 
.sidebar-chunk.page-tools {
 
     display: none !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 */
@import url('https://fonts.googleapis.com/css2?family=Alegreya:opsz,wght@8..30,400;8..30,600;8..30,700&display=swap');
#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 {
    color: #c0c0c0 !important;
}
 
 
 
 
 
 
 
/* Force a visible yellow hamburger in Timeless header */
.skin-timeless #mw-header {
    position: relative !important;
}


/* Overlay our own yellow hamburger symbol */
/* Force Timeless title span to behave like a real heading */
.skin-timeless #mw-header::before {
.mw-page-title-main {
     content: "≡";
     display: block !important;
     position: absolute;
     font-family: "Alegreya", serif !important;
     left: 12px;  /* adjust horizontally */
     font-size: 1.4rem !important;
    top: 10px;   /* adjust vertically */
     font-weight: 700 !important;
     font-size: 28px;
     line-height: 1.2 !important;
     color: #ffff00;
     margin: 0 0 0.2em 0 !important;
     z-index: 9999;
     color: #989898 !important;
     pointer-events: none; /* clicks go through to Timeless' hidden button */
}
}

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"