MediaWiki:Timeless.css: Difference between revisions

From Ghost Theory Wiki
No edit summary
No edit summary
Tag: Bots
 
(132 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 === */
/* Hide the entire Anonymous dropdown menu in Timeless */
#mw-content,
#p-personal,
#mw-content-container,
#personal,
#mw-content-block,
#user-tools {
#mw-content-text {
     display: none !important;
     background: #000 !important;
    color: #fff !important;
}
}


/* === SIDEBAR + NAVIGATION === */
.quote-box {
#mw-navigation,
    padding: 1em 1.2em;
#mw-panel,
    margin: 1.5em 0;
#mw-panel .mw-portlet,
    background: #f2f2f2;
#mw-panel .mw-portlet-body {
    border-left: 4px solid #ccc;
     background: #000 !important;
     border-radius: 4px;
     color: #fff !important;
     color: #222;
}
}


/* === RIGHT SIDEBAR (page tools, more, etc.) === */
/* Gray background box for FAQ questions */
#mw-related-navigation,
.faq-question {
#mw-data-navigation,
    background-color: #f2f3f4;  /* light gray that fits your Timeless theme */
#mw-related-navigation .mw-portlet,
    padding: .2em;              /* space inside the box */
#mw-data-navigation .mw-portlet {
     margin: .5em 0;             /* space between boxes */
     background: #000 !important;
     border-radius: 2px;         /* optional: soft corners */
     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 === */
/* Make the heading smaller INSIDE the FAQ box */
#searchInput,
h3 .faq-question {
#searchInput:focus {
     background-color: #f2f3f4;
     background: #111 !important;
     padding: .2em;
     color: #fff !important;
     border-radius: 2px;
     border: 1px solid #444 !important;
    font-size: .8em !important;
}
}


/* === LINKS === */
/* Hide all category links on article pages */
a {
#catlinks {
     color: #ff0 !important; /* yellow links */
     display: none !important;
}
}


a:visited {
/* Hide empty category page warnings and edit notices */
     color: #ccc !important; /* silver visited links */
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;
}
}


/* === GRAY CONTENT BOXES === */
/* Hide the "Category" tab on category pages (optional) */
.mw-parser-output .infobox,
body.ns-14 #ca-nstab-category {
.mw-parser-output .toc,
     display: none !important;
.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 === */
/* Hide all category displays in Timeless */
#mw-content-container,
#catlinks,
#mw-content-block,
.catlinks,
#mw-content-text,
.mw-normal-catlinks,
#mw-content {
.mw-hidden-catlinks,
     background-color: #000 !important;
#mw-normal-catlinks,
#mw-hidden-catlinks {
     display: none !important;
}
}


/* === REMOVE WHITE BACKGROUND FROM EDITOR === */
/* Universal kill-switch for Timeless page tools */
.wikiEditor-ui,
#mw-related-navigation,
.wikiEditor-ui textarea {
#page-tools,
    background: #000 !important;
#page-tools-wrapper,
    color: #fff !important;
#mw-panel .page-tools,
}
.sidebar-chunk.page-tools {
 
     display: none !important;
/* === FORCE DARK BACKGROUND ON ALL GENERIC DIVS === */
div {
    background-color: transparent !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 */
@import url('https://fonts.googleapis.com/css2?family=Alegreya:opsz,wght@8..30,400;8..30,600;8..30,700&display=swap');
#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 */
/* Force Timeless title span to behave like a real heading */
#mw-navigation:before {
.mw-page-title-main {
     background: rgba(0,0,0,0.85) !important;
    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;
}