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
 
(105 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;
}
 
/* --- 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 {
/* Hide the entire Anonymous dropdown menu in Timeless */
     color: #c0c0c0 !important;
#p-personal,
#personal,
#user-tools {
     display: none !important;
}
}


/* FORCE THE ENTIRE MOBILE MENU COLUMN TO BE BLACK */
.quote-box {
.mw-portlet,
    padding: 1em 1.2em;
.mw-portlet .mw-portlet-body,
    margin: 1.5em 0;
.mw-portlet .mw-portlet-body ul,
    background: #f2f2f2;
.mw-portlet .mw-portlet-body ul li {
    border-left: 4px solid #ccc;
     background: #000 !important;
    border-radius: 4px;
     color: #222;
}
}


/* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
/* Gray background box for FAQ questions */
.mw-portlet .mw-portlet-body ul li a {
.faq-question {
     background: transparent !important;
     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 */


/* ENSURE TEXT IS VISIBLE */
.mw-portlet,
.mw-portlet * {
    color: #fff !important;
}
}


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


.mw-portlet a:visited {
/* Hide all category links on article pages */
     color: #c0c0c0 !important;
#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,
/* === GLOBAL BACKGROUND === */
body.page-Category #contentSub,
html, body {
body.page-Category #contentSub2 {
    background: #000 !important;
     display: none !important;
     color: #fff !important;
}
}


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


/* === SIDEBAR + NAVIGATION === */
/* Hide all category displays in Timeless */
#mw-navigation,
#catlinks,
#mw-panel,
.catlinks,
#mw-panel .mw-portlet,
.mw-normal-catlinks,
#mw-panel .mw-portlet-body {
.mw-hidden-catlinks,
     background: #000 !important;
#mw-normal-catlinks,
    color: #fff !important;
#mw-hidden-catlinks {
     display: none !important;
}
}


/* === RIGHT SIDEBAR === */
/* Universal kill-switch for Timeless page tools */
#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 === */
/* FIXED: do NOT override .mw-portlet inside header */
#mw-header,
#mw-header-container {
     background: #000 !important;
    color: #fff !important;
}
 
/* === SEARCH BAR === */
#searchInput,
#searchInput:focus {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}
 
/* FIX: remove invalid underline */
#searchInput:invalid {
    border-bottom: 1px solid #444 !important;
    box-shadow: none !important;
}
 
/* === LINKS === */
a {
    color: #ff0 !important;
}
 
a:visited {
    color: #ccc !important;
}
}


/* === GRAY CONTENT BOXES === */
@import url('https://fonts.googleapis.com/css2?family=Alegreya:opsz,wght@8..30,400;8..30,600;8..30,700&display=swap');
.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 === */
#mw-content-container,
#mw-content-block,
#mw-content-text,
#mw-content {
    background-color: #000 !important;
}
 
/* === EDITOR === */
.wikiEditor-ui,
.wikiEditor-ui textarea {
    background: #000 !important;
    color: #fff !important;
}
 
/* === SIDEBAR CLEANUP === */
#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;
}
 
#mw-panel .portal ul li,
#mw-panel .sidebar ul li {
    background: #000 !important;
    border: none !important;
}
 
#mw-panel,
#mw-panel * {
    color: #fff !important;
}
 
#mw-panel a {
    color: #f5d000 !important;
}
 
#mw-panel 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 {
/* 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"