Template:Featured screenshot/styles.css: Difference between revisions
AZMindroma (talk | contribs) Created page with "→Featured image header styling: .featured-image-header { border-width: 1px; border-style: solid; margin-top: 9px; margin-bottom: 0.5em; padding: 0.2em 0.4em; font-size: 120%; font-weight: bold; font-family: inherit; background: #ddcef2; border-color: #afa3bf; } →Dark mode support for Featured image header: html.skin-theme-clientpref-night .featured-image-header { background-color: #7545ab; border-color: #afa3bf;..." |
AZMindroma (talk | contribs) No edit summary |
||
| Line 16: | Line 16: | ||
html.skin-theme-clientpref-night .featured-image-header { | html.skin-theme-clientpref-night .featured-image-header { | ||
background-color: #7545ab; | background-color: #7545ab; | ||
border-color: # | border-color: #5a3680; | ||
color: #e8e6e3; | color: #e8e6e3; | ||
} | } | ||
| Line 24: | Line 24: | ||
html.skin-theme-clientpref-os .featured-image-header { | html.skin-theme-clientpref-os .featured-image-header { | ||
background-color: #7545ab; | background-color: #7545ab; | ||
border-color: # | border-color: #5a3680; | ||
color: #e8e6e3; | color: #e8e6e3; | ||
} | } | ||
} | } | ||
Latest revision as of 19:05, 15 October 2025
/* Featured image header styling */
.featured-image-header {
border-width: 1px;
border-style: solid;
margin-top: 9px;
margin-bottom: 0.5em;
padding: 0.2em 0.4em;
font-size: 120%;
font-weight: bold;
font-family: inherit;
background: #ddcef2;
border-color: #afa3bf;
}
/* Dark mode support for Featured image header */
html.skin-theme-clientpref-night .featured-image-header {
background-color: #7545ab;
border-color: #5a3680;
color: #e8e6e3;
}
/* OS dark mode support for Featured image header */
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .featured-image-header {
background-color: #7545ab;
border-color: #5a3680;
color: #e8e6e3;
}
}