MediaWiki:Common.css

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.

/* ================================
   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;
}