Template:Helpbox/styles.css: Difference between revisions

From WikiMD's Wellness Encyclopedia
en>The wub
colors for dark mode, modelled on those used for Main Page
No edit summary
Line 28: Line 28:
width: auto;
width: auto;
max-width: 22em;
max-width: 22em;
}
}
html.skin-theme-clientpref-night .help-box {
background: #0d1a27;
}
html.skin-theme-clientpref-night .help-box .sidebar-title,
html.skin-theme-clientpref-night .help-box .sidebar-heading {
background: #082849;
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .help-box {
background-color: #0d1a27;
}
html.skin-theme-clientpref-os .help-box .sidebar-title,
html.skin-theme-clientpref-os .help-box .sidebar-heading {
background: #082849;
}
}
}
}

Revision as of 00:40, 1 January 2025

/* */ .help-box { background: #f5faff; line-height: 1.6em; }

.help-box .sidebar-title { background: #cee0f2; font-size: 130%; padding-left: 0.4em; padding-right: 0.4em; /* gap before first heading/content */ margin-bottom: 6px; }

.help-box .sidebar-heading { background: #cee0f2; padding: 0.1em 0.7em 0.15em; }

.help-box .sidebar-content, /* conservatively target subgroups since we're working with a metatemplate */ .help-box .sidebar-content-with-subgroup { padding-top: 0.15em; }

@media all and (min-width: 720px) { .help-box { width: auto; max-width: 22em; } }