Template:EDFM style/styles.css: Difference between revisions
Jump to navigation
Jump to search
Fix: re-save with the correct sanitized-css content model (was wikitext) |
Permanent dark theme: solid dark backgrounds for editorial boxes |
||
| Line 1: | Line 1: | ||
/* Shared styling for EDFM's editorial templates. Deliberately restrained: | /* Shared styling for EDFM's editorial templates. Deliberately restrained: | ||
a single accent-colour left border, no glow, no animation. */ | a single accent-colour left border, no glow, no animation. | ||
Updated 2026-08-07 for the site's permanent dark theme -- solid dark | |||
backgrounds instead of light rgba tints (rgba tints over a dark page | |||
background read as barely-there, so these are explicit dark colours). */ | |||
.edfm-box { | .edfm-box { | ||
border-left: 4px solid # | border-left: 4px solid #4fc3cc; | ||
background: | background: #182226; | ||
color: #d7dade; | |||
padding: 0.75em 1em; | padding: 0.75em 1em; | ||
margin: 1em 0; | margin: 1em 0; | ||
} | } | ||
.edfm-box.edfm-warning { | .edfm-box.edfm-warning { | ||
border-left-color: # | border-left-color: #e3a53d; | ||
background: | background: #24201a; | ||
} | } | ||
.edfm-box.edfm-draft { | .edfm-box.edfm-draft { | ||
border-left-color: # | border-left-color: #9aa0a6; | ||
background: | background: #1c1e20; | ||
} | } | ||
.edfm-box.edfm-disclaimer { | .edfm-box.edfm-disclaimer { | ||
border-left-color: # | border-left-color: #e3a53d; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
} | } | ||
| Line 27: | Line 31: | ||
clear: left; | clear: left; | ||
margin-right: 0.5em; | margin-right: 0.5em; | ||
color: #eef1f4; | |||
} | } | ||
.edfm-box dd { | .edfm-box dd { | ||
| Line 33: | Line 38: | ||
.edfm-inline-flag { | .edfm-inline-flag { | ||
font-style: italic; | font-style: italic; | ||
color: # | color: #e3a53d; | ||
} | } | ||
Revision as of 05:06, 7 August 2026
/* Shared styling for EDFM's editorial templates. Deliberately restrained:
a single accent-colour left border, no glow, no animation.
Updated 2026-08-07 for the site's permanent dark theme -- solid dark
backgrounds instead of light rgba tints (rgba tints over a dark page
background read as barely-there, so these are explicit dark colours). */
.edfm-box {
border-left: 4px solid #4fc3cc;
background: #182226;
color: #d7dade;
padding: 0.75em 1em;
margin: 1em 0;
}
.edfm-box.edfm-warning {
border-left-color: #e3a53d;
background: #24201a;
}
.edfm-box.edfm-draft {
border-left-color: #9aa0a6;
background: #1c1e20;
}
.edfm-box.edfm-disclaimer {
border-left-color: #e3a53d;
font-size: 0.9em;
}
.edfm-box dl {
margin: 0;
}
.edfm-box dt {
font-weight: bold;
float: left;
clear: left;
margin-right: 0.5em;
color: #eef1f4;
}
.edfm-box dd {
margin-left: 11em;
}
.edfm-inline-flag {
font-style: italic;
color: #e3a53d;
}