Template:EDFM style/styles.css: Difference between revisions
Jump to navigation
Jump to search
Permanent dark theme: solid dark backgrounds for editorial boxes |
Match editorial box colours to new orange/cyan theme |
||
| 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 | Updated 2026-08-07 for the site's orange/cyan "high-tech" dark theme. */ | ||
.edfm-box { | .edfm-box { | ||
border-left: 4px solid # | border-left: 4px solid #3ecbd6; | ||
background: # | background: #16191c; | ||
color: #d7dade; | color: #d7dade; | ||
padding: 0.75em 1em; | padding: 0.75em 1em; | ||
| Line 12: | Line 10: | ||
} | } | ||
.edfm-box.edfm-warning { | .edfm-box.edfm-warning { | ||
border-left-color: # | border-left-color: #ff8c1a; | ||
background: # | background: #201a12; | ||
} | } | ||
.edfm-box.edfm-draft { | .edfm-box.edfm-draft { | ||
border-left-color: #9aa0a6; | border-left-color: #9aa0a6; | ||
background: # | background: #1a1c1e; | ||
} | } | ||
.edfm-box.edfm-disclaimer { | .edfm-box.edfm-disclaimer { | ||
border-left-color: # | border-left-color: #ff8c1a; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
} | } | ||
| Line 31: | Line 29: | ||
clear: left; | clear: left; | ||
margin-right: 0.5em; | margin-right: 0.5em; | ||
color: # | color: #f2f4f6; | ||
} | } | ||
.edfm-box dd { | .edfm-box dd { | ||
| Line 38: | Line 36: | ||
.edfm-inline-flag { | .edfm-inline-flag { | ||
font-style: italic; | font-style: italic; | ||
color: # | color: #ff8c1a; | ||
} | } | ||
Revision as of 05:38, 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 orange/cyan "high-tech" dark theme. */
.edfm-box {
border-left: 4px solid #3ecbd6;
background: #16191c;
color: #d7dade;
padding: 0.75em 1em;
margin: 1em 0;
}
.edfm-box.edfm-warning {
border-left-color: #ff8c1a;
background: #201a12;
}
.edfm-box.edfm-draft {
border-left-color: #9aa0a6;
background: #1a1c1e;
}
.edfm-box.edfm-disclaimer {
border-left-color: #ff8c1a;
font-size: 0.9em;
}
.edfm-box dl {
margin: 0;
}
.edfm-box dt {
font-weight: bold;
float: left;
clear: left;
margin-right: 0.5em;
color: #f2f4f6;
}
.edfm-box dd {
margin-left: 11em;
}
.edfm-inline-flag {
font-style: italic;
color: #ff8c1a;
}