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.

/* CSS placed here will be applied to all skins */

/* ===== Main Page custom sections (light mode) ===== */
.sf-header {
    background: #232323;
    color: #D0CDBC;
    padding: 20px;
    text-align: center;
    border-bottom: 6px solid #EA5E22;
}
.sf-welcome {
    background: #232323;
    color: #E9AC21;
    padding: 10px 20px;
    border-bottom: 6px solid #EA5E22;
}
.sf-status {
    background: #00655E;
    color: #D0CDBC;
    padding: 10px 20px;
    margin-top: 10px;
}
.sf-box {
    background: #F5F5F0;
    color: #232323;
    border: 1px solid #D0CDBC;
    padding: 10px;
    vertical-align: top;
}

/* ===== Main Page custom sections (dark mode overrides) ===== */
html.skin-theme-clientpref-night .sf-header {
    border-bottom-color: #A8451A;
}
html.skin-theme-clientpref-night .sf-status {
    background: #004640;
    color: #F0EEE8;
}
html.skin-theme-clientpref-night .sf-box {
    background: #2B2B2B;
    color: #E8E6DC;
    border-color: #444;
}

/* ===== Page wrapper / outer margins ===== */
#mw-page-container {
    background-color: #232323 !important;
}
html.skin-theme-clientpref-night #mw-page-container {
    background-color: #101418 !important;
}

.vector-column-start,
.vector-column-end {
    background-color: #EA5E22 !important;
}
html.skin-theme-clientpref-night .vector-column-start,
html.skin-theme-clientpref-night .vector-column-end {
    background-color: #A8451A !important;
}

header.vector-header {
    background-color: #EA5E22 !important;
}
html.skin-theme-clientpref-night header.vector-header {
    background-color: #232323 !important;
}
[[Category:Site Configuration]]