Module:Sidebar/styles.css - Revision history

>Izno: opt out with notheme

2024-09-16T21:01:41Z

opt out with notheme

← Older revision		Revision as of 21:01, 16 September 2024
Line 180:		Line 180:
	}		}

	html.skin-theme-clientpref-night .sidebar .sidebar-title-with-pretitle a {		html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle a {
	color: var( --color-progressive ) !important;		color: var( --color-progressive ) !important;
	}		}
Line 191:		Line 191:
	}		}

	html.skin-theme-clientpref-os .sidebar .sidebar-title-with-pretitle a {		html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle a {
	color: var( --color-progressive ) !important;		color: var( --color-progressive ) !important;
	}		}

>Izno: 720 -> 640 to match codex//infobox number

2024-09-13T23:01:16Z

720 -> 640 to match codex//infobox number

← Older revision		Revision as of 23:01, 13 September 2024
Line 148:		Line 148:
	}		}

	@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

>Izno: ok I lied that makes sense to have since sidebars can be in other namespaces

2024-08-03T21:23:12Z

ok I lied that makes sense to have since sidebars can be in other namespaces

← Older revision		Revision as of 21:23, 3 August 2024
Line 172:		Line 172:
	/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859		/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859
	* https://en.wikipedia.org/w/index.php?title=Laissez-faire		* https://en.wikipedia.org/w/index.php?title=Laissez-faire
	* Less the usual @media screen because of @media print below
	*/		*/

Line 186:		Line 185:
	}		}

	@media (prefers-color-scheme: dark) {		@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-list-title,
	html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle {		html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle {

>Izno: -sidebar-navbar entirely; upstream takes care of these

2024-07-24T22:20:25Z

-sidebar-navbar entirely; upstream takes care of these

← Older revision		Revision as of 22:20, 24 July 2024
Line 176:		Line 176:

	@media screen {		@media screen {
	~~html.skin-theme-clientpref-night .sidebar-navbar {~~
	~~background: black !important;~~
	~~color: white !important;~~
	}
	html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title,		html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title,
	html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle {		html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle {
Line 191:		Line 187:

	@media (prefers-color-scheme: dark) {		@media (prefers-color-scheme: dark) {
	~~html.skin-theme-clientpref-os .sidebar-navbar {~~
	~~background: black !important;~~
	~~color: white !important;~~
	}
	html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title,		html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title,
	html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle {		html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle {

>Jdlrobson: (Defensively add color white important to make sure these do not get mixed)

2024-07-24T00:17:45Z

(Defensively add color white important to make sure these do not get mixed)

← Older revision		Revision as of 00:17, 24 July 2024
Line 178:		Line 178:
	html.skin-theme-clientpref-night .sidebar-navbar {		html.skin-theme-clientpref-night .sidebar-navbar {
	background: black !important;		background: black !important;
			color: white !important;
	}		}
	html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title,		html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title,
Line 192:		Line 193:
	html.skin-theme-clientpref-os .sidebar-navbar {		html.skin-theme-clientpref-os .sidebar-navbar {
	background: black !important;		background: black !important;
			color: white !important;
	}		}
	html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title,		html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title,

>Jdlrobson: mw:Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis Improve for dark mode (fixes 2024_Democratic_Party_presidential_primaries) and removes styles from print stylesheet

2024-07-24T00:16:27Z

mw:Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis Improve for dark mode (fixes 2024_Democratic_Party_presidential_primaries) and removes styles from print stylesheet

← Older revision		Revision as of 00:16, 24 July 2024
Line 174:		Line 174:
	* Less the usual @media screen because of @media print below		* Less the usual @media screen because of @media print below
	*/		*/
	~~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 .sidebar-title-with-pretitle a {		@media screen {
	color: var( --color-progressive ) !important;		html.skin-theme-clientpref-night .sidebar-navbar {
			background: black !important;
			}
			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 .sidebar-title-with-pretitle a {
			color: var( --color-progressive ) !important;
			}
	}		}

	@media (prefers-color-scheme: dark) {		@media (prefers-color-scheme: dark) {
	~~/* automatic mode */~~		html.skin-theme-clientpref-os .sidebar-navbar {
			background: black !important;
			}
	html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title,		html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title,
	html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle {		html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle {

>Izno: actually, doesn't need to be high specificity

2024-07-23T01:55:02Z

actually, doesn't need to be high specificity

← Older revision		Revision as of 01:55, 23 July 2024
Line 196:		Line 196:

	@media print {		@media print {
	~~/* high specificity because Minerva */~~		body.ns-0 .sidebar {
	body~~.mediawiki~~.ns-0 .sidebar {
	display: none !important;		display: none !important;
	}		}
	}		}

>Izno: move @print none to templatestyles from MediaWiki:Print.css to support MediaWiki talk:Common.css/to do#Turn mobile.css/js totally off

2024-07-22T21:25:29Z

move @print none to templatestyles from MediaWiki:Print.css to support MediaWiki talk:Common.css/to do#Turn mobile.css/js totally off

← Older revision		Revision as of 21:25, 22 July 2024
Line 167:		Line 167:
	/* Fixes: T367463 */		/* Fixes: T367463 */
	body.skin--responsive .sidebar a > img {		body.skin--responsive .sidebar a > img {
	max-width: none !important;		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 */		/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859
	@media screen {		* https://en.wikipedia.org/w/index.php?title=Laissez-faire
	html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title,		* Less the usual @media screen because of @media print below
	html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle {		*/
	background: transparent !important;		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 .sidebar-title-with-pretitle a {
			color: var( --color-progressive ) !important;
			}

	html.skin-theme-clientpref-~~night~~ .sidebar .sidebar-title-with-pretitle a {		@media (prefers-color-scheme: dark) {
	color: var( --color-progressive ) !important;		/* automatic mode */
	}		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 .sidebar-title-with-pretitle a {
			color: var( --color-progressive ) !important;
			}
	}		}
	@media ~~screen and (prefers-color-scheme: dark)~~ {
	/* ~~automatic mode~~ */		@media print {
	~~html.skin-theme-clientpref-os .sidebar:not( .notheme )~~ .~~sidebar-list-title,~~		/* high specificity because Minerva */
	~~html~~.~~skin-theme-clientpref~~-~~os .sidebar:not( .notheme )~~ .sidebar~~-title-with-pretitle~~ {		body.mediawiki.ns-0 .sidebar {
	~~background~~: ~~transparent !important;~~		display: none !important;
	}		}
	~~html.skin-theme-clientpref-os .sidebar .sidebar-title-with-pretitle a {~~
	~~color: var( --color-progressive )~~ !important;
	}
	}		}

>Jdlrobson: Fixes navbox title links Reading/Web/Accessibility_for_reading/Reporting/en.wikipedia.org#Fall_of_Constantinople_dark_mode_error

2024-07-12T16:15:26Z

Fixes navbox title links Reading/Web/Accessibility_for_reading/Reporting/en.wikipedia.org#Fall_of_Constantinople_dark_mode_error

← Older revision		Revision as of 16:15, 12 July 2024
Line 171:		Line 171:

	/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859 / https://en.wikipedia.org/w/index.php?title=Laissez-faire */		/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859 / https://en.wikipedia.org/w/index.php?title=Laissez-faire */
	html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title,		@media screen {
	html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle {		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;		background: transparent !important;
			}

			html.skin-theme-clientpref-night .sidebar .sidebar-title-with-pretitle a {
			color: var( --color-progressive ) !important;
			}
	}		}
	@media (prefers-color-scheme: dark) {		@media screen and (prefers-color-scheme: dark) {
	/* automatic mode */		/* automatic mode */
	html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title,		html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title,
	html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle {		html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle {
	background: transparent !important;		background: transparent !important;
			}
			html.skin-theme-clientpref-os .sidebar .sidebar-title-with-pretitle a {
			color: var( --color-progressive ) !important;
	}		}
	}		}

>The wub: use border-color-base (#a2a9b1) for consistency and better appearance in dark mode

2024-07-05T22:25:51Z

use border-color-base (#a2a9b1) for consistency and better appearance in dark mode

← Older revision		Revision as of 22:25, 5 July 2024
Line 11:		Line 11:
	margin: 0.5em 0 1em 1em;		margin: 0.5em 0 1em 1em;
	background: var(--background-color-neutral-subtle, #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;
	text-align: center;		text-align: center;