Module:Citation/CS1/styles.css - Revision history

imported>Izno: nix notes

2024-08-02T18:48:11Z

nix notes

← Older revision		Revision as of 18:48, 2 August 2024
Line 1:		Line 1:
	/*
	History of changes since last sync: 2024-03-23
	2024-04-16: fix bg-contain for PDF URLs; Help_talk:Citation_Style_1#The_url-access_lock_icon_becomes_huge_if_the_linked_source_is_a_PDF_file
	2024-05-21: implement error design tokens per [[phab:T360562]]
	*/

	/* Protection icon		/* Protection icon
	the following line controls the page-protection icon in the upper right corner		the following line controls the page-protection icon in the upper right corner

imported>Izno: Well, since we're editing this today, I'll pull from sandbox, which does have the same change and has had the same change for a month (which you would have seen if you checked). If you don't understand CSS, consider asking a question instead of blindly reverting an otherwise correct edit.

2024-08-02T18:47:39Z

Well, since we're editing this today, I'll pull from sandbox, which *does* have the same change and has had the same change for a month (which you would have seen if you checked). If you don't understand CSS, consider asking a question instead of blindly reverting an otherwise correct edit.

@@ Line 1: / Line 1: @@
 /* Protection icon
 the following line controls the page-protection icon in the upper right corner
@@ Line 44: / Line 50: @@
 	background: url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
 		right 0.1em center/9px no-repeat;
+}
@@ Line 54: / Line 56: @@
 	background: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)
 		right 0.1em center/9px no-repeat;
+}
@@ Line 64: / Line 61: @@
 	background: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
 		right 0.1em center/9px no-repeat;
+}
@@ Line 79: / Line 72: @@
+}
 body:not(.skin-timeless):not(.skin-minerva) .cs1-ws-icon a {
 	background-size: contain;
+}
@@ Line 97: / Line 100: @@
 .cs1-hidden-error {
 	display: none;
-	color: #d33;
+	color: var(--color-error, #d33);
+}
 .cs1-visible-error {
-	color: #d33;
+	color: var(--color-error, #d33);
+}
 .cs1-maint {
 	display: none;
-	color: #2C882D;
+	color: #085;
 	margin-left: 0.3em;
+}
@@ Line 133: / Line 127: @@
+}
+}
 	html.skin-theme-clientpref-os .cs1-maint {
-		color: #18911F;
+		color: #18911f;
+	}
+}

imported>Trappist the monk: Undid revision 1237875763 by Jon (WMF) (talk) drive-by edits to the live module without evidence of testing and discussion at Help talk:Citation Style 1 strongly discouraged; make your edits to the sandbox, test and discuss;

2024-07-31T23:41:08Z

Undid revision 1237875763 by Jon (WMF) (talk) drive-by edits to the live module without evidence of testing and discussion at Help talk:Citation Style 1 strongly discouraged; make your edits to the sandbox, test and discuss;

@@ Line 133: / Line 133: @@
+}
+}
-@media screen and ( prefers-color-scheme: dark) {
+@media (prefers-color-scheme: dark) {
 	/* Remove next rule when [[phab:T360562]] is fixed and adjust above usual colors */
 	html.skin-theme-clientpref-os .cs1-visible-error,

imported>Jon (WMF): Fixes phab:T369874 via automated script

2024-07-31T22:52:55Z

Fixes phab:T369874 via automated script

← Older revision		Revision as of 22:52, 31 July 2024
Line 133:		Line 133:
	}		}

⚫	html.skin-theme-clientpref-night .cs1-~~maint~~ {
⚫	color: #18911F;
⚫	}

			@media screen {
⚫	/* Remove next rule when [[phab:T360562]] is fixed and adjust above usual colors */
	html.skin-theme-clientpref-night .cs1-~~visible-error,~~		html.skin-theme-clientpref-night .cs1-maint {
		⚫	color: #18911F;
⚫	html.skin-theme-clientpref-night .cs1-~~hidden~~-error {
		⚫	}
⚫	color: #f8a397;

		⚫	/* Remove next rule when [[phab:T360562]] is fixed and adjust above usual colors */
		⚫	html.skin-theme-clientpref-night .cs1-visible-error,
		⚫	html.skin-theme-clientpref-night .cs1-hidden-error {
		⚫	color: #f8a397;
			}
	}		}


	@media (prefers-color-scheme: dark) {		@media screen and ( prefers-color-scheme: dark) {
	/* Remove next rule when [[phab:T360562]] is fixed and adjust above usual colors */		/* Remove next rule when [[phab:T360562]] is fixed and adjust above usual colors */
	html.skin-theme-clientpref-os .cs1-visible-error,		html.skin-theme-clientpref-os .cs1-visible-error,

imported>Trappist the monk: sync from sandbox;

2024-03-23T15:32:39Z

sync from sandbox;

@@ Line 36: / Line 36: @@
 the .id-lock-... selectors are for use by non-citation templates like
-{{Catalog lookup link}} which do not have to handle PDF links
+{{Catalog lookup link}}
 */
-.id-lock-free a,
+.id-lock-free.id-lock-free a {
 	background: url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
 		right 0.1em center/9px no-repeat;
+}
 	background: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)
 		right 0.1em center/9px no-repeat;
+}
 	background: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
 		right 0.1em center/9px no-repeat;
+}
@@ Line 65: / Line 77: @@
 	background: url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)
 		right 0.1em center/12px no-repeat;
+}
@@ Line 90: / Line 106: @@
 .cs1-maint {
 	display: none;
-	color: #3a3;
+	color: #2C882D;
 	margin-left: 0.3em;
+}
@@ Line 115: / Line 131: @@
 .citation .mw-selflink {
 	font-weight: inherit;
+}

imported>Trappist the monk: sync from sandbox;

2023-01-14T14:43:34Z

sync from sandbox;

← Older revision		Revision as of 14:43, 14 January 2023
Line 40:		Line 40:
	.id-lock-free a,		.id-lock-free a,
	.citation .cs1-lock-free a {		.citation .cs1-lock-free a {
		⚫	background: url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
	background: linear-gradient(transparent, transparent),
⚫	url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
	right 0.1em center/9px no-repeat;		right 0.1em center/9px no-repeat;
	}		}
Line 49:		Line 48:
	.citation .cs1-lock-limited a,		.citation .cs1-lock-limited a,
	.citation .cs1-lock-registration a {		.citation .cs1-lock-registration a {
		⚫	background: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)
	background: linear-gradient(transparent, transparent),
⚫	url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)
	right 0.1em center/9px no-repeat;		right 0.1em center/9px no-repeat;
	}		}
Line 56:		Line 54:
	.id-lock-subscription a,		.id-lock-subscription a,
	.citation .cs1-lock-subscription a {		.citation .cs1-lock-subscription a {
		⚫	background: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
	background: linear-gradient(transparent, transparent),
⚫	url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
	right 0.1em center/9px no-repeat;		right 0.1em center/9px no-repeat;
	}		}
Line 66:		Line 63:
	*/		*/
	.cs1-ws-icon a {		.cs1-ws-icon a {
		⚫	background: url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)
	background: linear-gradient(transparent, transparent),
⚫	url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)
	right 0.1em center/12px no-repeat;		right 0.1em center/12px no-repeat;
	}		}

imported>Trappist the monk: update per RfC;

2022-01-22T14:11:09Z

update per RfC;

← Older revision		Revision as of 14:11, 22 January 2022
Line 8:		Line 8:
	/* Overrides		/* Overrides
	Some wikis do not override user agent default styles for HTML <cite> and <q>,		Some wikis do not override user agent default styles for HTML <cite> and <q>,
	unlike en.wp. On en.wp, keep these the same as [[MediaWiki:Common.css]]		unlike en.wp. On en.wp, keep these the same as [[MediaWiki:Common.css]].

			The word-wrap and :target styles were moved here from Common.css.
			On en.wp, keep these the same as [[Template:Citation/styles.css]].
	*/		*/
	cite.citation {		cite.citation {
	font-style: inherit; /* Remove italics for <cite> */		font-style: inherit; /* Remove italics for <cite> */
			/* Break long urls, etc., rather than overflowing box */
			word-wrap: break-word;
	}		}

	.citation q {		.citation q {
	quotes: '"' '"' "'" "'"; /* Straight quote marks for <q> */		quotes: '"' '"' "'" "'"; /* Straight quote marks for <q> */
		⚫	}

			/* Highlight linked elements (such as clicked references) in blue */
			.citation:target {
			/* ignore the linter - all browsers of interest implement this */
			background-color: rgba(0, 127, 255, 0.133);
	}		}

Line 22:		Line 33:
	for PDF pages. All TemplateStyles pages are hoisted to .mw-parser-output. We need		for PDF pages. All TemplateStyles pages are hoisted to .mw-parser-output. We need
	to have specificity equal to a[href$=".pdf"].external for locks to override PDF icon.		to have specificity equal to a[href$=".pdf"].external for locks to override PDF icon.
			That's essentially 2 classes and 1 element.

	the .id-lock-... selectors are for use by non-citation templates like ~~{{Catalog lookup link}}~~		the .id-lock-... selectors are for use by non-citation templates like
			{{Catalog lookup link}} which do not have to handle PDF links
	*/		*/
	.id-lock-free a,		.id-lock-free a,
Line 46:		Line 59:
	url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)		url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
	right 0.1em center/9px no-repeat;		right 0.1em center/9px no-repeat;
⚫	}

	.cs1-subscription,
	.cs1-registration {
	color: #555;
	}

	.cs1-subscription span,
	.cs1-registration span {
	border-bottom: 1px dotted;
	cursor: help;
	}		}

Line 70:		Line 72:

	/* Errors and maintenance */		/* Errors and maintenance */
	~~code~~.cs1-code {		.cs1-code {
	/* <code>...</code> style override: mediawiki's css definition is specified here:		/* <code>...</code> style override: mediawiki's css definition is specified here:
	https://git.wikimedia.org/blob/mediawiki%2Fcore.git/		https://git.wikimedia.org/blob/mediawiki%2Fcore.git/
Line 77:		Line 79:
	color: inherit;		color: inherit;
	background: inherit;		background: inherit;
			border: none;
	border: none; /* this maybe can be inherit. MDN says yes, code editor says no */
	padding: inherit;		padding: inherit;
	}		}
Line 83:		Line 85:
	.cs1-hidden-error {		.cs1-hidden-error {
	display: none;		display: none;
	~~font-size~~: ~~100%~~;		color: #d33;
	}		}

	.cs1-visible-error {		.cs1-visible-error {
	~~font-size~~: ~~100%~~;		color: #d33;
	}		}

	.cs1-maint {		.cs1-maint {
	display: none;		display: none;
	color: #~~33aa33~~;		color: #3a3;
	margin-left: 0.3em;		margin-left: 0.3em;
	}		}
Line 106:		Line 108:

	/* kerning */		/* kerning */
	.cs1-kern-left,		.cs1-kern-left {
	.cs1-kern-wl-left {
	padding-left: 0.2em;		padding-left: 0.2em;
	}		}

	.cs1-kern-right,		.cs1-kern-right {
	.cs1-kern-wl-right {
	padding-right: 0.2em;		padding-right: 0.2em;
	}		}

imported>Trappist the monk: sync from sandbox;

2021-01-09T14:11:04Z

sync from sandbox;

← Older revision		Revision as of 14:11, 9 January 2021
Line 101:		Line 101:
	was just 0.85. We could write the rule so that when this template is inside		was just 0.85. We could write the rule so that when this template is inside
	references/reflist, only then does it multiply by 0.95; else multiply by 0.85 */		references/reflist, only then does it multiply by 0.95; else multiply by 0.85 */
	.cs1-subscription,
	.cs1-registration,
	.cs1-format {		.cs1-format {
	font-size: 95%;		font-size: 95%;

imported>Trappist the monk: sync from sandbox;

2020-10-10T13:22:51Z

sync from sandbox;

← Older revision		Revision as of 13:22, 10 October 2020
Line 1:		Line 1:
			/* Protection icon
	/*-------------------------< P R O T E C T I O N I C O N >--------------------

	the following line controls the page-protection icon in the upper right corner		the following line controls the page-protection icon in the upper right corner
	it must remain within this comment		it must remain within this comment
Line 7:		Line 6:
	*/		*/

			/* Overrides

			Some wikis do not override user agent default styles for HTML <cite> and <q>,
	/*-------------------------< O V E R R I D E S >--------------------------------
			unlike en.wp. On en.wp, keep these the same as [[MediaWiki:Common.css]]

	cs1\|2 references are wrapped in <cite>...</cite> tags. Some wikis have not
	chosen to override the generic user agent italic styling as en.wiki has. This
	(untested) styling should override the user agent default when cs1\|2 templates
	are rendered.

	Similarly, some languages use different quotation punctuation so that setting
	is also made available here.
	*/		*/
	cite.citation {		cite.citation {
			font-style: inherit; /* Remove italics for <cite> */
	/* Reset italic styling set by user agent (only for cs1\|2 templates; the
	reason for the .citation qualifier) */
	font-style: inherit;
	}		}

	.citation q {		.citation q {
	/* Straight quote marks for <q>~~; keep same as [[MediaWiki:Common.css]]~~ */		quotes: '"' '"' "'" "'"; /* Straight quote marks for <q> */
	quotes: '"' '"' "'" "'";
	}		}

Line 36:		Line 25:
	the .id-lock-... selectors are for use by non-citation templates like {{Catalog lookup link}}		the .id-lock-... selectors are for use by non-citation templates like {{Catalog lookup link}}
	*/		*/

	.id-lock-free a,		.id-lock-free a,
	.citation .cs1-lock-free a {		.citation .cs1-lock-free a {
			background: linear-gradient(transparent, transparent),
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Lock-green.svg/9px-Lock-green.svg.png);
	~~background-image: linear-gradient(transparent, transparent),~~ url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg);		url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
	~~background-repeat:~~ no-repeat;		right 0.1em center/9px no-repeat;
	background-size: 9px;
	background-position: right .1em center;
	}		}

Line 50:		Line 36:
	.citation .cs1-lock-limited a,		.citation .cs1-lock-limited a,
	.citation .cs1-lock-registration a {		.citation .cs1-lock-registration a {
			background: linear-gradient(transparent, transparent),
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Lock-gray-alt-2.svg/9px-Lock-gray-alt-2.svg.png);
	~~background-image: linear-gradient(transparent, transparent),~~ url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg);		url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)
	~~background-repeat:~~ no-repeat;		right 0.1em center/9px no-repeat;
	background-size: 9px;
	background-position: right .1em center;
	}		}

	.id-lock-subscription a,		.id-lock-subscription a,
	.citation .cs1-lock-subscription a {		.citation .cs1-lock-subscription a {
			background: linear-gradient(transparent, transparent),
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Lock-red-alt-2.svg/9px-Lock-red-alt-2.svg.png);
	~~background-image: linear-gradient(transparent, transparent),~~ url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg);		url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
	~~background-repeat:~~ no-repeat;		right 0.1em center/9px no-repeat;
	background-size: 9px;
	background-position: right .1em center;
	}		}

Line 77:		Line 59:
	}		}

	/* Wikisource ~~icon~~		/* Wikisource
			Wikisource icon when \|chapter= or \|title= is wikilinked to Wikisource
	Experiment to see if it is possible/practical to add support for a wikisource
	~~icon when \|chapter= or \|title= is wikilinked to a source~~ in ~~wikisource ala~~ cite wikisource		as in cite wikisource
	*/		*/
	.cs1-ws-icon a {		.cs1-ws-icon a {
			background: linear-gradient(transparent, transparent),
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Wikisource-logo.svg/12px-Wikisource-logo.svg.png);
	~~background-image: linear-gradient(transparent, transparent),~~ url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg);		url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)
	~~background-repeat:~~ no-repeat;		right 0.1em center/12px no-repeat;
	background-size: 12px;
	background-position: right .1em center;
	}		}

Line 92:		Line 72:
	code.cs1-code {		code.cs1-code {
	/* <code>...</code> style override: mediawiki's css definition is specified here:		/* <code>...</code> style override: mediawiki's css definition is specified here:
	https://git.wikimedia.org/blob/mediawiki%2Fcore.git/~~69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199~~		https://git.wikimedia.org/blob/mediawiki%2Fcore.git/
			69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199
	*/		*/
	color: inherit;		color: inherit;
	background: inherit;		background: inherit;
	border: ~~inherit~~; /* ~~code~~ ~~editor~~ ~~doesn't~~ ~~like~~ inherit ~~with~~ ~~border?~~		border: none; /* this maybe can be inherit. MDN says yes, code editor says no */
	https://www.w3.org/wiki/CSS/Properties/border
	suggests that inherit is ok
	the actual spec says the code editor is correct:
	https://www.w3.org/TR/css-backgrounds-3/#borders
	*/
	padding: inherit;		padding: inherit;
	}		}

imported>Trappist the monk: sync from sandbox;

2020-04-18T12:50:43Z

sync from sandbox;

← Older revision		Revision as of 12:50, 18 April 2020
Line 39:		Line 39:
	.id-lock-free a,		.id-lock-free a,
	.citation .cs1-lock-free a {		.citation .cs1-lock-free a {
	background: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Lock-green.svg/9px-Lock-green.svg.png) ~~no-repeat~~;		background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Lock-green.svg/9px-Lock-green.svg.png);
			background-image: linear-gradient(transparent, transparent), url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg);
			background-repeat: no-repeat;
			background-size: 9px;
	background-position: right .1em center;		background-position: right .1em center;
	}		}
Line 47:		Line 50:
	.citation .cs1-lock-limited a,		.citation .cs1-lock-limited a,
	.citation .cs1-lock-registration a {		.citation .cs1-lock-registration a {
	background: url(//upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Lock-gray-alt-2.svg/9px-Lock-gray-alt-2.svg.png) ~~no-repeat~~;		background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Lock-gray-alt-2.svg/9px-Lock-gray-alt-2.svg.png);
			background-image: linear-gradient(transparent, transparent), url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg);
			background-repeat: no-repeat;
			background-size: 9px;
	background-position: right .1em center;		background-position: right .1em center;
	}		}
Line 53:		Line 59:
	.id-lock-subscription a,		.id-lock-subscription a,
	.citation .cs1-lock-subscription a {		.citation .cs1-lock-subscription a {
	background: url(//upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Lock-red-alt-2.svg/9px-Lock-red-alt-2.svg.png) ~~no-repeat~~;		background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Lock-red-alt-2.svg/9px-Lock-red-alt-2.svg.png);
			background-image: linear-gradient(transparent, transparent), url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg);
⚫	background-position: right .1em center;
			background-repeat: no-repeat;
			background-size: 9px;
		⚫	background-position: right .1em center;
	}		}

Line 73:		Line 82:
	*/		*/
	.cs1-ws-icon a {		.cs1-ws-icon a {
	background: url(//upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Wikisource-logo.svg/12px-Wikisource-logo.svg.png) ~~no-repeat~~;		background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Wikisource-logo.svg/12px-Wikisource-logo.svg.png);
			background-image: linear-gradient(transparent, transparent), url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg);
			background-repeat: no-repeat;
			background-size: 12px;
	background-position: right .1em center;		background-position: right .1em center;
	}		}
Line 128:		Line 140:
	.cs1-kern-wl-right {		.cs1-kern-wl-right {
	padding-right: 0.2em;		padding-right: 0.2em;
			}

			/* selflinks – avoid bold font style when cs1\|2 template links to the current page */
			.citation .mw-selflink {
			font-weight: inherit;
	}		}