Module:Sidebar/styles.css: Difference between revisions

Content deleted Content added
Also apply to .sidebar-title-with-pretitle (see previous edit)
opt out with notheme
 
(12 intermediate revisions by 3 users not shown)
Line 11:
margin: 0.5em 0 1em 1em;
background: var(--background-color-neutral-subtle, #f8f9fa);
border: 1px solid var(--border-color-base, #aaaa2a9b1);
padding: 0.2em;
text-align: center;
Line 148:
}
 
@media (max-width: 720px640px) {
/* users have wide latitude to set arbitrary width and margin :(
"Super-specific" selector to prevent overriding this appearance by
Line 165:
}
 
/* Fixes: T367463 */
 
body.skin--responsive .sidebar a > img {
/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859 / https://en.wikipedia.org/w/index.php?title=Laissez-faire */
max-width: none !important;
html.skin-theme-clientpref-night .sidebar-list-title,
html.skin-theme-clientpref-night .sidebar-title-with-pretitle {
background: transparent !important;
}
 
@media (prefers-color-scheme: dark) {
/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859 / https://en.wikipedia.org/w/index.php?title=Laissez-faire */
/* automatic mode */
* https://en.wikipedia.org/w/index.php?title=Laissez-faire
html.skin-theme-clientpref-os .sidebar-list-title,
*/
html.skin-theme-clientpref-os .sidebar-title-with-pretitle {
 
background: transparent !important;
@media screen {
html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title,
html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle {
background: transparent !important;
}
 
html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle a {
color: var( --color-progressive ) !important;
}
}
 
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title,
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle {
background: transparent !important;
}
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle a {
color: var( --color-progressive ) !important;
}
}
 
@media print {
body.ns-0 .sidebar {
display: none !important;
}
}