Changes

opt out with notheme
Line 10: Line 10:  
/* @noflip */
 
/* @noflip */
 
margin: 0.5em 0 1em 1em;
 
margin: 0.5em 0 1em 1em;
background: #f8f9fa;
+
background: var(--background-color-neutral-subtle, #f8f9fa);
border: 1px solid #aaa;
+
border: 1px solid var(--border-color-base, #a2a9b1);
 
padding: 0.2em;
 
padding: 0.2em;
 
text-align: center;
 
text-align: center;
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 163: Line 163:  
* 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:not( .notheme ) .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:not( .notheme ) .sidebar-title-with-pretitle a {
 +
color: var( --color-progressive ) !important;
 +
}
 +
}
 +
 +
@media print {
 +
body.ns-0 .sidebar {
 +
display: none !important;
 +
}
 
}
 
}
Anonymous user