OrangDev Labs Wiki

Module:Sidebar/styles.css: Difference between revisions

← Older edit
use border-color-base (#a2a9b1) for consistency and better appearance in dark mode
Logan (talk | contribs)
Bureaucrats, Interface administrators, Administrators
6 edits
m 46 revisions imported from wikipedia:Module:Sidebar/styles.css
 
(9 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
html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title,
* https://en.wikipedia.org/w/index.php?title=Laissez-faire
html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle {
*/
    background: transparent !important;
 
@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 (prefers-color-scheme: dark) {
 
    /* automatic mode */
@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-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:not( .notheme ) .sidebar-title-with-pretitle a {
color: var( --color-progressive ) !important;
}
}
 
@media print {
body.ns-0 .sidebar {
display: none !important;
}
}
}
Retrieved from "https://projecthome.skywiki.org/wiki/Module:Sidebar/styles.css"