| 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; |
| | + | } |
| | } | | } |