MediaWiki:Timeless.css: Difference between revisions

From Ghost Theory Wiki
No edit summary
No edit summary
Tag: Bots
 
(134 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* === GLOBAL BACKGROUND === */
#ca-talk { display: none !important; }
html, body {
 
    background: #000 !important;
/* Hide the entire Anonymous dropdown menu in Timeless */
     color: #fff !important;
#p-personal,
#personal,
#user-tools {
     display: none !important;
}
}


/* === MAIN CONTENT AREA === */
.quote-box {
#mw-content,
    padding: 1em 1.2em;
#mw-content-container,
    margin: 1.5em 0;
#mw-content-block,
    background: #f2f2f2;
#mw-content-text {
    border-left: 4px solid #ccc;
     background: #000 !important;
     border-radius: 4px;
     color: #fff !important;
     color: #222;
}
}


/* === SIDEBAR + NAVIGATION === */
/* Gray background box for FAQ questions */
#mw-navigation,
.faq-question {
#mw-panel,
    background-color: #f2f3f4;  /* light gray that fits your Timeless theme */
#mw-panel .mw-portlet,
    padding: .2em;              /* space inside the box */
#mw-panel .mw-portlet-body {
     margin: .5em 0;             /* space between boxes */
     background: #000 !important;
     border-radius: 2px;         /* optional: soft corners */
     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 === */
/* Make the heading smaller INSIDE the FAQ box */
#mw-header,
h3 .faq-question {
#mw-header-container,
    background-color: #f2f3f4;
#mw-header h1,
    padding: .2em;
#mw-header h2,
     border-radius: 2px;
#mw-header .mw-portlet {
     font-size: .8em !important;
     background: #000 !important;
     color: #fff !important;
}
}


/* === SEARCH BAR === */
/* Hide all category links on article pages */
#searchInput,
#catlinks {
#searchInput:focus {
     display: none !important;
     background: #111 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}
}


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


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


/* === GRAY CONTENT BOXES === */
/* Hide all category displays in Timeless */
.mw-parser-output .infobox,
#catlinks,
.mw-parser-output .toc,
.catlinks,
.mw-parser-output table,
.mw-normal-catlinks,
.mw-parser-output .thumb,
.mw-hidden-catlinks,
.mw-parser-output .thumbinner,
#mw-normal-catlinks,
.mw-parser-output .navbox,
#mw-hidden-catlinks {
.mw-parser-output .metadata {
     display: none !important;
     background: #111 !important;
    color: #fff !important;
    border-color: #333 !important;
}
}


/* === FIX WHITE GAPS BETWEEN ELEMENTS === */
/* Universal kill-switch for Timeless page tools */
#mw-content-container,
#mw-related-navigation,
#mw-content-block,
#page-tools,
#mw-content-text,
#page-tools-wrapper,
#mw-content {
#mw-panel .page-tools,
     background-color: #000 !important;
.sidebar-chunk.page-tools {
     display: none !important;
}
}


/* === REMOVE WHITE BACKGROUND FROM EDITOR === */
@import url('https://fonts.googleapis.com/css2?family=Alegreya:opsz,wght@8..30,400;8..30,600;8..30,700&display=swap');
.wikiEditor-ui,
.wikiEditor-ui textarea {
    background: #000 !important;
    color: #fff !important;
}


/* === FORCE DARK BACKGROUND ON ALL GENERIC DIVS === */
/* Force Timeless title span to behave like a real heading */
div {
.mw-page-title-main {
     background-color: transparent !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;
}
}