Module:Sidebar/styles.css: Difference between revisions

Revision as of 06:52, 14 February 2021

Latest revision as of 21:01, 16 September 2024

(27 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 35:

body.skin-minerva .sidebar {

display: table !important;

/* also, minerva is way too aggressive about other stylings on tables.

}

* TODO remove when this template gets moved to a div. plans on talk page.

* We always float right on Minerva because that's a lot of extra CSS

.sidebar a {

* otherwise. */

white-space: nowrap;

float: right !important;

}

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

.sidebar-wraplinks a {

white-space: normal;

}

Line 51 ⟶ 49:

}

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

.sidebar-left {

/* @noflip */

Line 69 ⟶ 66:

.sidebar-outer-title {

padding-bottom: 0 0.4em 0.2em;

font-size: 125%;

line-height: 1.2em;

Line 76 ⟶ 73:

.sidebar-top-image {

padding: 0.4em 0;

}

Line 82 ⟶ 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 93 ⟶ 90:

.sidebar-title,

.sidebar-title-with-pretitle {

padding: 0.2em 0.4em8em;

font-size: 145%;

line-height: 1.2em;

Line 99 ⟶ 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 133 ⟶ 130:

text-align: right;

font-size: 115%;

padding-top: 0 0.4em 0.6em4em;

}

.sidebar-collapse .sidebar-navbar {

padding-top: 0.6em;

}

.sidebar-collapse .mw-collapsible-toggle {

margin-top: 0.2em;

}

.sidebar-list-title {

padding: 0 0.4em;

text-align: left;

font-weight: bold;

Line 150 ⟶ 141:

}

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

@media (max-width: 720px) {

.sidebar a-list-title-c {

padding: 0 0.4em;

text-align: center;

margin-top: 0 3.2em3em;

}

@media (max-width: 720px640px) {

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

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

Line 157 ⟶ 155:

width: 100% !important;

clear: both;

float: none !important; /* Remove when we div based; Minerva is dumb */

float: none;

margin-left: 0 !important;

margin-right: 0 !important;

Line 165 ⟶ 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;

}

}