OrangDev Labs Wiki

Module:Sidebar/styles.css: Difference between revisions

← Older edit
(Defensively add color white important to make sure these do not get mixed)
Logan (talk | contribs)
Bureaucrats, Interface administrators, Administrators
6 edits
m 46 revisions imported from wikipedia:Module:Sidebar/styles.css
 
(4 intermediate revisions by one other user 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
  */
  */


@media screen {
@media screen {
    html.skin-theme-clientpref-night .sidebar-navbar {
      background: black !important;
      color: white !important;
    }
     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 {
Line 185: Line 180:
     }
     }


     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 (prefers-color-scheme: dark) {
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .sidebar-navbar {
      background: black !important;
      color: white !important;
    }
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 200: 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;
}
}
Retrieved from "https://projecthome.skywiki.org/wiki/Module:Sidebar/styles.css"