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.

/* Primary Background Colors */
body {
    background: linear-gradient(0deg, #1f1e1d 0%, #1f1e1d 80%, #242422 100%);
    background-color: #1f1e1d;
}

#content {
    background-color: #262626;
}

#mw-page-base {
    background-color: #131313;
    background-image: linear-gradient(to bottom, #262626 50%, black 100%);
}

.mw-body,
.parsoid-body {
    background-color: #262626;
    color: #b9b7b5;
}

/* Text Colors */
.vector-body h1,
.vector-body h2,
.vector-body h3,
.vector-body h4,
.vector-body h5,
.vector-body h6 {
    color: white;
    background: none;
}

.vector-body h1.firstHeading {
    color: green;
}

.vector-body p {
    color: #b9b7b5;
}

/* Links */
a {
    color: #648cc8;
    text-decoration: none;
}

a:visited {
    color: #648cc8;
}

a:hover {
    text-decoration: underline !important;
}

/* Borders and Accents */
.mw-body {
    border: 1px solid #525252;
}

.vector-body h1,
.vector-body h2 {
    border-bottom: 1px solid #65635f;
}

/* Search Box */
.vector-search-box-input {
    background: linear-gradient(to bottom, #242424 0%, #141414 60%);
    color: #f2f2f2;
    border: 1px solid #666666;
}

/* Navigation Menus */
.vector-menu-dropdown .vector-menu-content {
    background-color: #4B4B4B;
    border: 1px solid #52575d;
}

/* Tables */
table {
    background-color: #262626;
}

.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
    background-color: #262626;
    border: 1px #525252 solid;
    color: #B9B7B5;
}

/* Code Blocks */
pre,
.mw-code {
    color: #d1d1d1 !important;
    background-color: #1f1f1f !important;
    border: 0px solid #1c1c1c !important;
}

code {
    background: rgba(0,0,0,0.16) !important;
    color: #b9b7b5 !important;
}

/* Form Inputs */
input,
select,
textarea {
    background-color: #202020;
    color: #B9B7B5;
    border: 1px solid #666666;
}

/* Steam Links */
a[href^="steam://"],
.link-steam {
    color: #86BF39;
}

/* User Links */
a[class="mw-userlink"] {
    background-color: #3C3C3C !important;
    color: #ACACAC;
    margin: 0 2px 0 2px;
    padding: 0 3px 0 2px;
}

/* Code Syntax Highlighting */
.mw-highlight .kt {
    color: #ff1f71; /* Keywords */
}

.mw-highlight .nc,
.mw-highlight .nn,
.mw-highlight .nf,
.mw-highlight .nv {
    color: #0082ff; /* Functions and variables */
}

.mw-highlight .s2,
.mw-highlight .sx {
    color: #ff3535; /* Strings */
}

.mw-highlight .mi,
.mw-highlight .mf,
.mw-highlight .mh,
.mw-highlight .o {
    color: #b5b5b5; /* Numbers and operators */
}