Module:Sidebar/styles.css: Difference between revisions
add that back |
m 46 revisions imported from wikipedia:Module:Sidebar/styles.css |
||
| (20 intermediate revisions by 4 users not shown) | |||
| Line 10: | Line 10: | ||
/* @noflip */ | /* @noflip */ | ||
margin: 0.5em 0 1em 1em; | margin: 0.5em 0 1em 1em; | ||
background: #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 96: | Line 96: | ||
.sidebar-title-with-pretitle { | .sidebar-title-with-pretitle { | ||
padding: 0 0.4em; | padding: 0.1em 0.4em; | ||
} | } | ||
| 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 163: | Line 163: | ||
* query. | * query. | ||
*/ | */ | ||
} | |||
/* 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: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; | |||
} | |||
} | } | ||