MediaWiki:Common.css: Difference between revisions
Appearance
mNo edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
/* | /* ===== Main Page custom sections ===== */ | ||
.sf-header { | .sf-header { | ||
background: #232323; | background: #232323; | ||
| Line 10: | Line 8: | ||
} | } | ||
.sf-welcome { | .sf-welcome { | ||
background: #EA5E22; | background: #EA5E22; | ||
| Line 17: | Line 14: | ||
} | } | ||
.sf-status { | .sf-status { | ||
background: #00655E; | background: #00655E; | ||
| Line 25: | Line 21: | ||
} | } | ||
.sf-box { | .sf-box { | ||
background: #F5F5F0; | background: #F5F5F0; | ||
| Line 34: | Line 29: | ||
} | } | ||
/* --- Dark mode overrides | /* ===== Site-wide accent colour (links, tabs, buttons) ===== */ | ||
:root { | |||
--color-progressive: #EA5E22; | |||
--color-progressive--hover: #C94E1B; | |||
--color-progressive--active: #A8451A; | |||
} | |||
/* ===== Dark mode overrides ===== */ | |||
html.skin-theme-clientpref-night .sf-header { | html.skin-theme-clientpref-night .sf-header { | ||
border-bottom-color: #A8451A; | border-bottom-color: #A8451A; | ||
| Line 50: | Line 52: | ||
color: #E8E6DC; | color: #E8E6DC; | ||
border-color: #444; | border-color: #444; | ||
} | |||
html.skin-theme-clientpref-night { | |||
--color-progressive: #FF7A3D; | |||
--color-progressive--hover: #EA5E22; | |||
--color-progressive--active: #C94E1B; | |||
} | } | ||
[[Category:Site Configuration]] | [[Category:Site Configuration]] | ||
Revision as of 13:20, 27 August 2026
/* ===== Main Page custom sections ===== */
.sf-header {
background: #232323;
color: #D0CDBC;
padding: 20px;
text-align: center;
border-bottom: 6px solid #EA5E22;
}
.sf-welcome {
background: #EA5E22;
color: #232323;
padding: 10px 20px;
}
.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;
}
/* ===== Site-wide accent colour (links, tabs, buttons) ===== */
:root {
--color-progressive: #EA5E22;
--color-progressive--hover: #C94E1B;
--color-progressive--active: #A8451A;
}
/* ===== Dark mode overrides ===== */
html.skin-theme-clientpref-night .sf-header {
border-bottom-color: #A8451A;
}
html.skin-theme-clientpref-night .sf-welcome {
background: #A8451A;
color: #F0EEE8;
}
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;
}
html.skin-theme-clientpref-night {
--color-progressive: #FF7A3D;
--color-progressive--hover: #EA5E22;
--color-progressive--active: #C94E1B;
}
[[Category:Site Configuration]]