Module:Sidebar/styles.css: Difference between revisions

Logan (talk | contribs)
m 46 revisions imported from wikipedia:Module:Sidebar/styles.css
 
(7 intermediate revisions by 2 users not shown)
Line 148: Line 148:
}
}


@media (max-width: 720px) {
@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 172: Line 172:
/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859
/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859
  * https://en.wikipedia.org/w/index.php?title=Laissez-faire
  * https://en.wikipedia.org/w/index.php?title=Laissez-faire
* Less the usual @media screen because of @media print below
  */
  */
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 {
@media screen {
color: var( --color-progressive ) !important;
    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 (prefers-color-scheme: dark) {
@media screen and (prefers-color-scheme: dark) {
/* automatic mode */
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title,
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title,
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle {
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle {
Line 190: Line 191:
}
}
html.skin-theme-clientpref-os .sidebar .sidebar-title-with-pretitle a {
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle a {
color: var( --color-progressive ) !important;
color: var( --color-progressive ) !important;
}
}
Line 196: Line 197:


@media print {
@media print {
/* high specificity because Minerva */
body.ns-0 .sidebar {
body.mediawiki.ns-0 .sidebar {
display: none !important;
display: none !important;
}
}
}
}