MediaWiki:Timeless.css

From Ghost Theory Wiki
Revision as of 06:21, 11 January 2026 by PerilM (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
body { border: 10px solid magenta !important; }

.mw-page-header h1 {
    font-family: 'Courier New', monospace !important;
}

#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');

/* PAGE TITLE: KEEP ALEGREYA, FIX SIZE + COLOR */

/* 1. Make sure the title actually uses Alegreya */
.mw-page-header h1,
.mw-body-header h1,
.mw-page-header .mw-page-title-main,
.mw-body-header .mw-page-title-main {
    font-family: 'Alegreya', serif !important;
    font-weight: 700 !important;
}

/* 2. Force size + color on the title text node */
.mw-page-title-main {
    font-size: 1.5rem !important;      /* adjust up/down until it feels right */
    color: #808080 !important;         /* the color you said is correct */
    line-height: 1.2 !important;
}

/* FORCE the actual h1 to be bold */
.mw-page-header h1,
.mw-body-header h1 {
    font-weight: 700 !important;
}


/* FINAL OVERRIDE: FORCE TITLE TO USE ALEGREYA AND BOLD */
.mw-page-header h1,
.mw-body-header h1 {
    font-family: 'Alegreya', serif !important;
    font-weight: 700 !important;
}


.mw-page-header h1,
.mw-body-header h1 {
    font-family: 'Courier New', monospace !important;
}



body {
    outline: 5px solid red !important;
}