Jump to content

MediaWiki:Common.css: Difference between revisions

From SurveyFi.net
mNo edit summary
mNo edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* ===== Main Page custom sections ===== */
 
/* Header */
.sf-header {
.sf-header {
     background: #232323;
     background: #232323;
Line 10: Line 8:
}
}


/* Welcome strip */
.sf-welcome {
.sf-welcome {
     background: #EA5E22;
     background: #EA5E22;
Line 17: Line 14:
}
}


/* Status strip */
.sf-status {
.sf-status {
     background: #00655E;
     background: #00655E;
Line 25: Line 21:
}
}


/* Category boxes (the ones currently using Bone as background) */
.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]]