Module:Sidebar/styles.css: Difference between revisions

Revision as of 22:27, 2 August 2021

Latest revision as of 21:01, 16 September 2024

(21 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;

text-align: center;

Line 46:

width: 100%;

margin: 0;

border-spacing: 0;

}

Line 95 ⟶ 96:

.sidebar-title-with-pretitle {

padding: 0.1em 0.4em;

}

Line 129 ⟶ 130:

text-align: right;

font-size: 115%;

padding: 0 0.4em 0.4em;

}

.sidebar-collapse .sidebar-navbar {

padding: 0.6em 0.4em 0;

}

Line 151 ⟶ 148:

}

@media (max-width: 720px640px) {

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

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

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

}

}