Module:Sidebar/styles.css: Difference between revisions
Allow templates such as Elections_in_India to opt out of night mode styles via a notheme class. |
m 46 revisions imported from wikipedia:Module:Sidebar/styles.css |
||
| (12 intermediate revisions by 3 users not shown) | |||
| Line 11: | Line 11: | ||
margin: 0.5em 0 1em 1em; | margin: 0.5em 0 1em 1em; | ||
background: var(--background-color-neutral-subtle, #f8f9fa); | background: var(--background-color-neutral-subtle, #f8f9fa); | ||
border: 1px solid # | border: 1px solid var(--border-color-base, #a2a9b1); | ||
padding: 0.2em; | padding: 0.2em; | ||
text-align: center; | text-align: center; | ||
| Line 148: | Line 148: | ||
} | } | ||
@media (max-width: | @media (max-width: 640px) { | ||
/* users have wide latitude to set arbitrary width and margin :( | /* users have wide latitude to set arbitrary width and margin :( | ||
"Super-specific" selector to prevent overriding this appearance by | "Super-specific" selector to prevent overriding this appearance by | ||
| Line 165: | Line 165: | ||
} | } | ||
/* Fixes: T367463 */ | |||
body.skin--responsive .sidebar a > img { | |||
max-width: none !important; | |||
} | |||
/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859 | |||
* https://en.wikipedia.org/w/index.php?title=Laissez-faire | |||
*/ | |||
@media screen { | |||
html.skin-theme-clientpref-night .sidebar- | html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title, | ||
html.skin-theme-clientpref-night .sidebar-title-with-pretitle { | 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 (prefers-color-scheme: dark) { | |||
@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; | |||
} | |||
} | } | ||