Module:Sidebar/styles.css: Difference between revisions
wraplinks work like it used to |
m 46 revisions imported from wikipedia:Module:Sidebar/styles.css |
||
| (24 intermediate revisions by 4 users not shown) | |||
| 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 # | border: 1px solid var(--border-color-base, #a2a9b1); | ||
padding: 0.2em; | padding: 0.2em; | ||
text-align: center; | text-align: center; | ||
line-height: 1.4em; | line-height: 1.4em; | ||
| Line 50: | Line 49: | ||
} | } | ||
.sidebar-left { | .sidebar-left { | ||
/* @noflip */ | /* @noflip */ | ||
| Line 68: | Line 66: | ||
.sidebar-outer-title { | .sidebar-outer-title { | ||
padding | padding: 0 0.4em 0.2em; | ||
font-size: 125%; | font-size: 125%; | ||
line-height: 1.2em; | line-height: 1.2em; | ||
| Line 75: | Line 73: | ||
.sidebar-top-image { | .sidebar-top-image { | ||
padding: 0.4em | padding: 0.4em; | ||
} | } | ||
| Line 81: | Line 79: | ||
.sidebar-pretitle-with-top-image, | .sidebar-pretitle-with-top-image, | ||
.sidebar-caption { | .sidebar-caption { | ||
padding | padding: 0.2em 0.4em 0; | ||
line-height: 1.2em; | line-height: 1.2em; | ||
} | } | ||
.sidebar-pretitle { | .sidebar-pretitle { | ||
padding | padding: 0.4em 0.4em 0; | ||
line-height: 1.2em; | line-height: 1.2em; | ||
} | } | ||
| Line 92: | Line 90: | ||
.sidebar-title, | .sidebar-title, | ||
.sidebar-title-with-pretitle { | .sidebar-title-with-pretitle { | ||
padding: 0.2em 0. | padding: 0.2em 0.8em; | ||
font-size: 145%; | font-size: 145%; | ||
line-height: 1.2em; | line-height: 1.2em; | ||
| Line 98: | Line 96: | ||
.sidebar-title-with-pretitle { | .sidebar-title-with-pretitle { | ||
padding | 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. | 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. | padding: 0.3em 0.8em; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| Line 132: | Line 130: | ||
text-align: right; | text-align: right; | ||
font-size: 115%; | font-size: 115%; | ||
padding: 0 0.4em 0.4em; | |||
padding | |||
} | } | ||
.sidebar-list-title { | .sidebar-list-title { | ||
padding: 0 0.4em; | |||
text-align: left; | text-align: left; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 147: | 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: | @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 166: | 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; | |||
} | |||
} | } | ||