Module:Sidebar/styles.css: Difference between revisions

Logan (talk | contribs)
m 46 revisions imported from wikipedia:Module:Sidebar/styles.css
 
(8 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 167: Line 167:
/* Fixes: T367463 */
/* Fixes: T367463 */
body.skin--responsive .sidebar a > img {
body.skin--responsive .sidebar a > img {
    max-width: none !important;
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 */
/* 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 {
@media screen {
  html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title,
    html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title,
  html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle {
    html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle {
    background: transparent !important;
  background: transparent !important;
  }
    }


  html.skin-theme-clientpref-night .sidebar .sidebar-title-with-pretitle a {
    html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle a {
    color: var( --color-progressive ) !important;
    color: var( --color-progressive ) !important;
  }
    }
}
}
@media screen and (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 {
background: transparent !important;
      background: transparent !important;
}
    }
    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;
    }
}
}
 
@media print {
body.ns-0 .sidebar {
display: none !important;
}
}
}