| 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; |
| − | border-spacing: 0.4em 0;
| |
| | text-align: center; | | text-align: center; |
| | line-height: 1.4em; | | line-height: 1.4em; |
| | font-size: 88%; | | font-size: 88%; |
| | + | border-collapse: collapse; |
| | /* Timeless has display: none on .nomobile at mobile resolutions, so we | | /* Timeless has display: none on .nomobile at mobile resolutions, so we |
| | * unhide it with display: table and let precedence and proximity win. | | * unhide it with display: table and let precedence and proximity win. |
| Line 41: |
Line 41: |
| | float: right !important; | | float: right !important; |
| | margin: 0.5em 0 1em 1em !important; | | margin: 0.5em 0 1em 1em !important; |
| − | }
| |
| − |
| |
| − | .sidebar a {
| |
| − | white-space: nowrap;
| |
| − | }
| |
| − |
| |
| − | .sidebar-wraplinks a {
| |
| − | white-space: normal;
| |
| | } | | } |
| | | | |
| Line 57: |
Line 49: |
| | } | | } |
| | | | |
| − | /* TODO: Investigate whether -left and -none are used. */
| |
| | .sidebar-left { | | .sidebar-left { |
| | /* @noflip */ | | /* @noflip */ |
| Line 75: |
Line 66: |
| | | | |
| | .sidebar-outer-title { | | .sidebar-outer-title { |
| − | padding-bottom: 0.2em; | + | padding: 0 0.4em 0.2em; |
| | font-size: 125%; | | font-size: 125%; |
| | line-height: 1.2em; | | line-height: 1.2em; |
| Line 82: |
Line 73: |
| | | | |
| | .sidebar-top-image { | | .sidebar-top-image { |
| − | padding: 0.4em 0; | + | padding: 0.4em; |
| | } | | } |
| | | | |
| Line 88: |
Line 79: |
| | .sidebar-pretitle-with-top-image, | | .sidebar-pretitle-with-top-image, |
| | .sidebar-caption { | | .sidebar-caption { |
| − | padding-top: 0.2em; | + | padding: 0.2em 0.4em 0; |
| | line-height: 1.2em; | | line-height: 1.2em; |
| | } | | } |
| | | | |
| | .sidebar-pretitle { | | .sidebar-pretitle { |
| − | padding-top: 0.4em; | + | padding: 0.4em 0.4em 0; |
| | line-height: 1.2em; | | line-height: 1.2em; |
| | } | | } |
| Line 99: |
Line 90: |
| | .sidebar-title, | | .sidebar-title, |
| | .sidebar-title-with-pretitle { | | .sidebar-title-with-pretitle { |
| − | padding: 0.2em 0.4em; | + | padding: 0.2em 0.8em; |
| | font-size: 145%; | | font-size: 145%; |
| | line-height: 1.2em; | | line-height: 1.2em; |
| Line 105: |
Line 96: |
| | | | |
| | .sidebar-title-with-pretitle { | | .sidebar-title-with-pretitle { |
| − | padding-top: 0; | + | padding: 0.1em 0.4em; |
| | } | | } |
| | | | |
| | .sidebar-image { | | .sidebar-image { |
| − | padding: 0.2em 0 0.4em; | + | padding: 0.2em 0.4em 0.4em; |
| | } | | } |
| | | | |
| | .sidebar-heading { | | .sidebar-heading { |
| − | padding: 0.1em; | + | padding: 0.1em 0.4em; |
| | } | | } |
| | | | |
| | .sidebar-content { | | .sidebar-content { |
| − | padding: 0 0.1em 0.4em; | + | padding: 0 0.5em 0.4em; |
| | } | | } |
| | | | |
| | .sidebar-content-with-subgroup { | | .sidebar-content-with-subgroup { |
| − | padding: 0.1em 0 0.2em; | + | padding: 0.1em 0.4em 0.2em; |
| | } | | } |
| | | | |
| | .sidebar-above, | | .sidebar-above, |
| | .sidebar-below { | | .sidebar-below { |
| − | padding: 0.3em 0.4em; | + | padding: 0.3em 0.8em; |
| | font-weight: bold; | | font-weight: bold; |
| | } | | } |
| Line 139: |
Line 130: |
| | text-align: right; | | text-align: right; |
| | font-size: 115%; | | font-size: 115%; |
| − | }
| + | padding: 0 0.4em 0.4em; |
| − | | |
| − | .sidebar-collapse .sidebar-navbar {
| |
| − | padding-top: 0.6em; | |
| | } | | } |
| | | | |
| | .sidebar-list-title { | | .sidebar-list-title { |
| | + | padding: 0 0.4em; |
| | text-align: left; | | text-align: left; |
| | font-weight: bold; | | font-weight: bold; |
| Line 154: |
Line 143: |
| | /* centered text with mw-collapsible headers is finicky */ | | /* centered text with mw-collapsible headers is finicky */ |
| | .sidebar-list-title-c { | | .sidebar-list-title-c { |
| | + | padding: 0 0.4em; |
| | text-align: center; | | text-align: center; |
| | margin: 0 3.3em; | | margin: 0 3.3em; |
| | } | | } |
| | | | |
| − | @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 173: |
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; |
| | + | } |
| | } | | } |