Template:Helpbox/styles.css

/* */ .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; } }

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; } }