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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* ===== General Layout ===== */
body {
    font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
    background-color: #101014 !important;
    color: #e4e4e4 !important;
}

/* Remove ugly serif in page titles */
#firstHeading {
    font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
    font-weight: bold;
    font-size: 1.8em;
}

/* ===== Header / Search Bar ===== */
#mw-page-base, #mw-head-base {
    background: #15151b !important;
}
#p-search {
    background: none !important;
}
#simpleSearch {
    background: #1f1f27 !important;
    border: none !important;
    border-radius: 5px;
}
#searchInput {
    background: transparent !important;
    color: #e4e4e4 !important;
}

/* ===== Sidebar ===== */
#mw-panel {
    background: #15151b !important;
}
#mw-panel .portal h3 {
    color: #bbb !important;
}
#mw-panel .portal .body li a {
    color: #a8b3ff !important;
}
#mw-panel .portal .body li a:hover {
    color: #ff7878 !important;
}

/* ===== Content Area ===== */
.mw-body {
    background: #18181f !important;
    border-radius: 8px;
    padding: 15px;
}
.mw-body h1, .mw-body h2, .mw-body h3 {
    color: #ffffff !important;
}

/* ===== Links ===== */
a {
    color: #6fa8ff !important;
}
a:visited {
    color: #a87fff !important;
}
a:hover {
    color: #ff7878 !important;
}

/* ===== Tables ===== */
table {
    background: #202028 !important;
    border: 1px solid #333 !important;
    border-radius: 6px;
}
th {
    background: #2a2a38 !important;
    color: #fff !important;
}
td {
    color: #ddd !important;
}

/* ===== Footer ===== */
footer, #footer {
    background: #15151b !important;
    color: #aaa !important;
}
footer .mw-poweredby {
    display: none;
}

/* ===== Logo ===== */
#p-logo {
    width: 200px !important;
}
#p-logo a {
    background-size: contain !important;
    background-repeat: no-repeat !important;
}