Module:Sidebar/styles.css: Difference between revisions

m Protected "Module:Sidebar/styles.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))
 
Steven Buber (talk | contribs)
m 1 revision imported
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* {{pp-template}} */
/* TODO: Invert width design to be "mobile first" */
/* TODO: Invert width design to be "mobile first" */
.sidebar {
.sidebar {
Line 10: Line 9:
/* @noflip */
/* @noflip */
margin: 0.5em 0 1em 1em;
margin: 0.5em 0 1em 1em;
background: var(--background-color-neutral-subtle, #f8f9fa);
background: #f8f9fa;
border: 1px solid var(--border-color-base, #a2a9b1);
border: 1px solid #aaa;
padding: 0.2em;
padding: 0.2em;
text-align: center;
text-align: center;
Line 163: Line 162:
* 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 .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 .sidebar-title-with-pretitle a {
color: var( --color-progressive ) !important;
}
}
@media print {
body.ns-0 .sidebar {
display: none !important;
}
}
}