MediaWiki:Common.css: Difference between revisions

From Ghost Theory Wiki
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
/* === GLOBAL BACKGROUND === */
/* ================================
body {
  TIMELESS THEME — COMMON.CSS
     background-color: #000000 !important;
  Black + Dark Gray + Yellow Links
     color: #ffffff !important;
  ================================ */
 
/* ---- GLOBAL BACKGROUND & TEXT ---- */
body,
html,
#content,
.mw-body {
     background: #000 !important;
     color: #fff !important;
}
}


/* === PAGE CONTENT AREA === */
/* ---- FULL WIDTH LAYOUT ---- */
#content,
#content,
.mw-body,
.mw-body {
.mw-body-content {
     max-width: 100% !important;
     background-color: #111111 !important;
    color: #ffffff !important;
     width: 100% !important;
     width: 100% !important;
     max-width: 100% !important;
     padding: 1.5rem !important;
     padding: 1.25rem !important;
    box-sizing: border-box;
     box-sizing: border-box !important;
}
 
/* ---- CONTENT BOXES ---- */
.mw-parser-output,
div.thumb,
table,
pre,
blockquote {
    background: #1a1a1a !important;
     color: #fff !important;
     border: 1px solid #333 !important;
}
 
/* ---- HEADINGS ---- */
h1, h2, h3, h4, h5, h6 {
    color: #fff !important;
    border-color: #333 !important;
}
}


/* === LINKS === */
/* ---- LINKS ---- */
a {
a {
     color: #ffea00 !important; /* yellow links */
     color: #ffea00 !important; /* yellow */
}
}


a:visited {
a:visited {
     color: #c0c0c0 !important; /* silver visited links */
     color: #c0c0c0 !important; /* silver */
}
 
a.new,
a.new:visited {
    color: #ff8080 !important; /* red for missing pages */
}
 
/* ---- TABLES ---- */
table {
    background: #1a1a1a !important;
    border-collapse: collapse !important;
}
 
table th,
table td {
    border: 1px solid #333 !important;
    padding: 0.4rem 0.6rem !important;
}
 
/* ---- CODE BLOCKS ---- */
pre,
code {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}
}


a:hover {
/* ---- SIDEBAR (TIMELESS) ---- */
     color: #fff799 !important;
#mw-navigation,
#mw-site-navigation,
#mw-related-navigation {
    background: #000 !important;
     color: #fff !important;
    border-right: 1px solid #333 !important;
}
}


/* === HEADINGS === */
#mw-navigation a,
h1, h2, h3, h4, h5, h6 {
#mw-site-navigation a,
     color: #ffffff !important;
#mw-related-navigation a {
    color: #ffea00 !important;
}
 
#mw-navigation a:visited,
#mw-site-navigation a:visited,
#mw-related-navigation a:visited {
    color: #c0c0c0 !important;
}
 
/* ---- HEADER ---- */
#mw-header,
#mw-header-container {
    background: #000 !important;
    color: #fff !important;
    border-bottom: 1px solid #333 !important;
}
 
/* ---- FOOTER ---- */
#footer {
    background: #000 !important;
    color: #fff !important;
    border-top: 1px solid #333 !important;
}
 
/* ---- MINERVA HAMBURGER + MENU ---- */
.minerva-icon,
.minerva-icon * {
     fill: #fff !important;
}
}


/* === TABLES, INFOBOXES, BOXES === */
#mw-mf-main-menu-button,
table,
#mw-mf-main-menu-button * {
.infobox,
     background: #000 !important;
.toc,
     color: #fff !important;
.mw-message-box,
.mw-notification {
     background-color: #1a1a1a !important;
     color: #ffffff !important;
    border-color: #333333 !important;
}
}


/* === MINERVA HAMBURGER MENU (FULL DARK) === */
#mw-mf-page-left,
.minerva-drawer,
#mw-mf-page-left .menu,
.minerva-drawer__content,
#mw-mf-page-left .menu * {
.minerva-drawer__menu,
     background: #000 !important;
.minerva-drawer__header,
     color: #fff !important;
.minerva-drawer__footer {
     background-color: #000000 !important;
     color: #ffffff !important;
}
}


.minerva-drawer a {
#mw-mf-page-left a {
     color: #ffea00 !important;
     color: #ffea00 !important;
}
}


.minerva-drawer a:visited {
#mw-mf-page-left a:visited {
     color: #c0c0c0 !important;
     color: #c0c0c0 !important;
}
}


/* === SEARCH BAR === */
/* ---- SEARCH BOX ---- */
.minerva-search-box,
#searchInput,
.minerva-search-box input {
#searchInput:focus {
     background-color: #111111 !important;
    background: #111 !important;
     color: #ffffff !important;
    color: #fff !important;
     border-color: #333333 !important;
    border: 1px solid #333 !important;
}
 
/* ---- FORMS ---- */
input,
textarea,
select {
     background: #111 !important;
     color: #fff !important;
     border: 1px solid #333 !important;
}
}


/* === FOOTER === */
/* ---- MISC FIXES ---- */
#footer,
hr {
#footer-info,
     border-color: #333 !important;
#footer-places {
     background-color: #000000 !important;
    color: #ffffff !important;
}
}


/* === FIX WHITE FLASHES === */
.mw-ui-button {
html,
    background: #111 !important;
body {
    color: #fff !important;
     background: #000000 !important;
     border: 1px solid #333 !important;
}
}

Revision as of 21:32, 15 December 2025

/* ================================
   TIMELESS THEME — COMMON.CSS
   Black + Dark Gray + Yellow Links
   ================================ */

/* ---- GLOBAL BACKGROUND & TEXT ---- */
body,
html,
#content,
.mw-body {
    background: #000 !important;
    color: #fff !important;
}

/* ---- FULL WIDTH LAYOUT ---- */
#content,
.mw-body {
    max-width: 100% !important;
    width: 100% !important;
    padding: 1.5rem !important;
    box-sizing: border-box;
}

/* ---- CONTENT BOXES ---- */
.mw-parser-output,
div.thumb,
table,
pre,
blockquote {
    background: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}

/* ---- HEADINGS ---- */
h1, h2, h3, h4, h5, h6 {
    color: #fff !important;
    border-color: #333 !important;
}

/* ---- LINKS ---- */
a {
    color: #ffea00 !important; /* yellow */
}

a:visited {
    color: #c0c0c0 !important; /* silver */
}

a.new,
a.new:visited {
    color: #ff8080 !important; /* red for missing pages */
}

/* ---- TABLES ---- */
table {
    background: #1a1a1a !important;
    border-collapse: collapse !important;
}

table th,
table td {
    border: 1px solid #333 !important;
    padding: 0.4rem 0.6rem !important;
}

/* ---- CODE BLOCKS ---- */
pre,
code {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}

/* ---- SIDEBAR (TIMELESS) ---- */
#mw-navigation,
#mw-site-navigation,
#mw-related-navigation {
    background: #000 !important;
    color: #fff !important;
    border-right: 1px solid #333 !important;
}

#mw-navigation a,
#mw-site-navigation a,
#mw-related-navigation a {
    color: #ffea00 !important;
}

#mw-navigation a:visited,
#mw-site-navigation a:visited,
#mw-related-navigation a:visited {
    color: #c0c0c0 !important;
}

/* ---- HEADER ---- */
#mw-header,
#mw-header-container {
    background: #000 !important;
    color: #fff !important;
    border-bottom: 1px solid #333 !important;
}

/* ---- FOOTER ---- */
#footer {
    background: #000 !important;
    color: #fff !important;
    border-top: 1px solid #333 !important;
}

/* ---- MINERVA HAMBURGER + MENU ---- */
.minerva-icon,
.minerva-icon * {
    fill: #fff !important;
}

#mw-mf-main-menu-button,
#mw-mf-main-menu-button * {
    background: #000 !important;
    color: #fff !important;
}

#mw-mf-page-left,
#mw-mf-page-left .menu,
#mw-mf-page-left .menu * {
    background: #000 !important;
    color: #fff !important;
}

#mw-mf-page-left a {
    color: #ffea00 !important;
}

#mw-mf-page-left a:visited {
    color: #c0c0c0 !important;
}

/* ---- SEARCH BOX ---- */
#searchInput,
#searchInput:focus {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}

/* ---- FORMS ---- */
input,
textarea,
select {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}

/* ---- MISC FIXES ---- */
hr {
    border-color: #333 !important;
}

.mw-ui-button {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}