Module:Sidebar/styles.css: Difference between revisions

Revision as of 17:39, 22 March 2021

Latest revision as of 21:01, 16 September 2024

(25 intermediate revisions by 4 users not shown)

Line 10:

/* @noflip */

margin: 0.5em 0 1em 1em;

background: var(--background-color-neutral-subtle, #f8f9fa);

border: 1px solid var(--border-color-base, #aaaa2a9b1);

padding: 0.2em;

border-spacing: 0.4em 0;

text-align: center;

line-height: 1.4em;

font-size: 88%;

border-spacingcollapse: 0.4em 0collapse;

/* Timeless has display: none on .nomobile at mobile resolutions, so we

* unhide it with display: table and let precedence and proximity win.

Line 41:

float: right !important;

margin: 0.5em 0 1em 1em !important;

}

.sidebar a {

white-space: nowrap;

}

.sidebar-wraplinks a {

white-space: normal;

}

Line 57 ⟶ 49:

}

/* TODO: Investigate whether -left and -none are used. */

.sidebar-left {

/* @noflip */

Line 75 ⟶ 66:

.sidebar-outer-title {

padding-bottom: 0 0.4em 0.2em;

font-size: 125%;

line-height: 1.2em;

Line 82 ⟶ 73:

.sidebar-top-image {

padding: 0.4em 0;

}

Line 88 ⟶ 79:

.sidebar-pretitle-with-top-image,

.sidebar-caption {

padding-top: 0.2em 0.4em 0;

line-height: 1.2em;

}

.sidebar-pretitle {

padding-top: 0.4em 0.4em 0;

line-height: 1.2em;

}

Line 99 ⟶ 90:

.sidebar-title,

.sidebar-title-with-pretitle {

padding: 0.2em 0.4em8em;

font-size: 145%;

line-height: 1.2em;

Line 105 ⟶ 96:

.sidebar-title-with-pretitle {

padding-top: 0.1em 0.4em;

}

.sidebar-image {

padding: 0.2em 0.4em 0.4em;

}

.sidebar-heading {

padding: 0.1em 0.4em;

}

.sidebar-content {

padding: 0 0.1em5em 0.4em;

}

.sidebar-content-with-subgroup {

padding: 0.1em 0.4em 0.2em;

}

.sidebar-above,

.sidebar-below {

padding: 0.3em 0.4em8em;

font-weight: bold;

}

Line 139 ⟶ 130:

text-align: right;

font-size: 115%;

padding-top: 0 0.4em 0.6em4em;

}

.sidebar-collapse .sidebar-navbar {

padding-top: 0.6em;

}

.sidebar-list-title {

padding: 0 0.4em;

text-align: left;

font-weight: bold;

Line 154 ⟶ 143:

/* centered text with mw-collapsible headers is finicky */

.sidebar-list-title-c {

padding: 0 0.4em;

text-align: center;

margin: 0 3.3em;

}

@media (max-width: 720px640px) {

/* users have wide latitude to set arbitrary width and margin :(

"Super-specific" selector to prevent overriding this appearance by

Line 173 ⟶ 163:

* 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;

}

}