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.

/* Apply dark theme styles only */
html.skin-theme-clientpref-dark body {
    background: #1a1d0a;
    color: white;
    font-family: Calibri, sans-serif;
}

html.skin-theme-clientpref-dark .infobox {
    border: 2px solid #9ccc65;
    background: #2d3315;
    font-size: 90%;
    line-height: 1.4em;
    width: 300px;
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
}

html.skin-theme-clientpref-dark .infobox th {
    background: #4a5a1f;
    color: #f0f4c3;
    padding: 0.5em;
}

html.skin-theme-clientpref-dark .infobox td {
    background: #2d3315;
    color: #d4e157;
    padding: 0.5em;
}

html.skin-theme-clientpref-dark h2,
html.skin-theme-clientpref-dark h3,
html.skin-theme-clientpref-dark h4,
html.skin-theme-clientpref-dark h5 {
    color: #cddc39;
    border-bottom: 2px solid #9ccc65;
}

html.skin-theme-clientpref-dark button {
    background: #8bc34a;
    color: #1a1d0a;
    border: none;
    padding: 0.5em 1em;
    cursor: pointer;
}

html.skin-theme-clientpref-dark button:hover {
    background: #1a1d0a;
    color: #cddc39;
}

html.skin-theme-clientpref-dark a {
    color: #aed581;
}

html.skin-theme-clientpref-dark a:hover {
    color: #f0f4c3;
}

html.skin-theme-clientpref-dark .container {
    background: #15170a;
    padding: 1em;
    border: 1px solid #9ccc65;
    border-radius: 5px;
}

/* Hide the Discussion (Talk) tab */
html.skin-theme-clientpref-dark #ca-talk {
    display: none;
}

/* ===== Light theme styles ===== */
html.skin-theme-clientpref-light body {
    background: #f5f7e8;
    color: #1a1d0a;
    font-family: Calibri, sans-serif;
}

html.skin-theme-clientpref-light .infobox {
    border: 2px solid #689f38;
    background: #f0f4c3;
    font-size: 90%;
    line-height: 1.4em;
    width: 300px;
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
}

html.skin-theme-clientpref-light .infobox th {
    background: #dce775;
    color: #33691e;
    padding: 0.5em;
}

html.skin-theme-clientpref-light .infobox td {
    background: #f0f4c3;
    color: #33691e;
    padding: 0.5em;
}

html.skin-theme-clientpref-light h2,
html.skin-theme-clientpref-light h3,
html.skin-theme-clientpref-light h4,
html.skin-theme-clientpref-light h5 {
    color: #33691e;
    border-bottom: 2px solid #689f38;
}

html.skin-theme-clientpref-light button {
    background: #689f38;
    color: #fff;
    border: none;
    padding: 0.5em 1em;
    cursor: pointer;
}

html.skin-theme-clientpref-light button:hover {
    background: #33691e;
    color: #f0f4c3;
}

html.skin-theme-clientpref-light a {
    color: #558b2f;
}

html.skin-theme-clientpref-light a:hover {
    color: #33691e;
}

html.skin-theme-clientpref-light .container {
    background: #e8f0d0;
    padding: 1em;
    border: 1px solid #689f38;
    border-radius: 5px;
}

/* Hide the Discussion (Talk) tab (both themes) */
#ca-talk {
    display: none;
}