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.

/* =========================================
   IUO Tome of Knowledge - Default Dark Theme
   Timeless skin adjustments
   ========================================= */

/* Global body */
body {
    background-color: #111 !important;
    color: #eee !important;
    font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

/* Header containers */
#mw-header-container,
#mw-header,
#mw-header-hack,
#mw-header-nav-hack {
    background-color: #1a1a1a !important;
    color: #eee !important;
    border-bottom: 1px solid #222;
}

/* User tools & personal menu */
#user-tools,
#personal,
#p-personal {
    background-color: #1b1b1b !important;
    color: #eee !important;
}

/* Search bar */
#p-search,
#simpleSearch input,
#simpleSearch input[type="submit"] {
    background-color: #1c1c1c !important;
    color: #eee !important;
    border: 1px solid #333;
}

/* Logo & banner */
#p-logo-text,
#p-banner,
#p-logo a,
#p-logo img {
    background: none !important;
}

/* Navigation / Sidebar */
#mw-site-navigation,
.sidebar-chunk,
#p-navigation,
#p-more,
#p-views,
#p-tb,
#p-userpagetools,
#p-pagemisc {
    background-color: #1c1c1c !important;
    color: #eee !important;
}
#mw-site-navigation a,
#mw-site-navigation a:visited {
    color: #ccc !important;
}
#mw-site-navigation a:hover {
    color: #5cc989 !important;
}

/* Main content wrapper */
#mw-content-container {
    background-color: #1b1b1b !important;
    padding: 1rem 1.25rem;
    border-radius: 8px;
}

/* Main content block */
#mw-content-block,
#mw-content-wrapper,
#content,
.mw-body-content,
.mw-parser-output {
    background-color: #1b1b1b !important;
    color: #eee !important;
}

/* Page headers */
.mw-body h1,
.mw-body h2,
.mw-body h3 {
    font-weight: 700;
    color: #eee;
    border-bottom: 2px solid #222;
    padding-bottom: 5px;
}

/* Links */
a {
    color: #5cc989 !important;
}
a:visited {
    color: #80c0a0 !important;
}
a:hover {
    color: #28a745 !important;
}

/* Buttons */
.button,
.mw-button {
    background-color: #28a745 !important;
    color: #fff !important;
    font-weight: 700;
    border-radius: 8px;
    padding: 0.55rem 0.85rem;
}
.button:hover,
.mw-button:hover {
    background-color: #1f9d4a !important;
}

/* Footer */
#mw-footer-container,
#mw-footer,
#footer-list,
#footer-icons,
#footer-info,
#footer-places {
    background-color: #111 !important;
    color: #ccc !important;
    border-top: 1px solid #222;
}

/* Images inside content: rounded and shadowed */
.mw-parser-output img {
    border-radius: 8px;
    box-shadow: 0 6px 22px rgba(9,11,12,0.06);
    max-width: 100%;
    height: auto;
}

/* Edit section buttons */
.mw-editsection {
    background: #222 !important;
    color: #ccc !important;
    border-radius: 4px;
    padding: 0 4px;
    margin-left: 5px;
}
.mw-editsection a {
    color: #5cc989 !important;
}

/* Highlighted tables */
.mw-parser-output table,
.mw-parser-output th,
.mw-parser-output td {
    background-color: #1c1c1c !important;
    color: #eee !important;
    border: 1px solid #333 !important;
}