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

Richardpruen: 1 revision imported: template update

2024-12-10T13:36:36Z

1 revision imported: template update

← Older revision	Revision as of 14:36, 10 December 2024
(No difference)

wikipedia>Izno: nix notes

2024-08-02T18:48:11Z

nix notes

← Older revision		Revision as of 19:48, 2 August 2024
Line 36:		Line 36:

	the .id-lock-... selectors are for use by non-citation templates like		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}}

			bg-size `contain` in Minerva and Timeless is too large, so we set a size for them
			and then exclude them later
	*/		*/
	.id-lock-free a,		.id-lock-free.id-lock-free a {
	.~~citation .cs1~~-lock-free a {
	background: url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)		background: 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;
	}		}

	.id-lock-limited a,		.id-lock-limited.id-lock-limited a,
	.id-lock-~~registration~~ a,		.id-lock-registration.id-lock-registration a {
	.~~citation .cs1~~-lock-~~limited a,~~
	.~~citation .cs1~~-lock-registration a {
	background: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)		background: 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;
	}		}

	.id-lock-subscription a,		.id-lock-subscription.id-lock-subscription a {
	.~~citation .cs1~~-lock-subscription a {
	background: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)		background: 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 65:		Line 64:
	background: url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)		background: 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;
			}

			body:not(.skin-timeless):not(.skin-minerva) .id-lock-free a,
			body:not(.skin-timeless):not(.skin-minerva) .id-lock-limited a,
			body:not(.skin-timeless):not(.skin-minerva) .id-lock-registration a,
			body:not(.skin-timeless):not(.skin-minerva) .id-lock-subscription a,
			body:not(.skin-timeless):not(.skin-minerva) .cs1-ws-icon a {
			background-size: contain;
			/* Common.css has a padding set for PDF URLs. bg-contain expands to the
			* size of the padding which makes the icons very large. we "reset" the
			* padding here. 1em picked out of a hat based on console having a similar
			* rule from elsewhere
			*/
			padding: 0 1em 0 0;
	}		}

Line 81:		Line 94:
	.cs1-hidden-error {		.cs1-hidden-error {
	display: none;		display: none;
	color: #d33;		color: var(--color-error, #d33);
	}		}

	.cs1-visible-error {		.cs1-visible-error {
	color: #d33;		color: var(--color-error, #d33);
	}		}

	.cs1-maint {		.cs1-maint {
	display: none;		display: none;
	color: #~~3a3~~;		color: #085;
	margin-left: 0.3em;		margin-left: 0.3em;
	}

	~~/* Small text size~~
	~~Set small text size in one place. 0.95 (here) * 0.9 (from references list) is~~
	~~~0.85, which is the lower bound for size for accessibility. Old styling for this~~
	~~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 */~~
	~~.cs1-format {~~
	~~font-size: 95%;~~
	}		}

Line 115:		Line 119:
	.citation .mw-selflink {		.citation .mw-selflink {
	font-weight: inherit;		font-weight: inherit;
			}

			@media screen {
			/* Small text size
			Set small text size in one place. 0.95 (here) * 0.9 (from references list) is
			~0.85, which is the lower bound for size for accessibility. Old styling for this
			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 */
			.cs1-format {
			font-size: 95%;
			}

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

			@media screen and (prefers-color-scheme: dark) {
			html.skin-theme-clientpref-os .cs1-maint {
			color: #18911f;
			}
	}		}

imported>Trappist the monk: sync from sandbox;

2023-01-14T14:43:34Z

sync from sandbox;

← Older revision		Revision as of 15: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: ~~linear-gradient(transparent, transparent),~~		background: url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
	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: ~~linear-gradient(transparent, transparent),~~		background: 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)
	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: ~~linear-gradient(transparent, transparent),~~		background: 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;
	}		}
Line 66:		Line 63:
	*/		*/
	.cs1-ws-icon a {		.cs1-ws-icon a {
	background: ~~linear-gradient(transparent, transparent),~~		background: url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)
	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;
	}		}

Richardpruen: 1 revision imported: Templates and CSS files

2022-12-04T17:56:42Z

1 revision imported: Templates and CSS files

← Older revision	Revision as of 18:56, 4 December 2022
(No difference)

wikipedia>Trappist the monk: update per RfC;

2022-01-22T14:11:09Z

update per RfC;

← Older revision		Revision as of 15: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; ~~/* this maybe can be inherit. MDN says yes, code editor says no */~~		border: none;
	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;
	}		}

Richardpruen: 1 revision imported: Template for journal

2021-08-25T03:50:21Z

1 revision imported: Template for journal

← Older revision		Revision as of 04:50, 25 August 2021
(No difference)

Wikipedia>Trappist the monk: sync from sandbox;

2021-01-09T14:11:04Z

sync from sandbox;

← Older revision		Revision as of 15: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%;

Richardpruen: 1 revision imported

2020-12-10T17:52:07Z

1 revision imported

← Older revision	Revision as of 18:52, 10 December 2020
(No difference)

wikipedia>Trappist the monk: sync from sandbox;

2020-10-10T13:22:51Z

sync from sandbox;

New page

/* Protection icon
the following line controls the page-protection icon in the upper right corner
it must remain within this comment
{{sandbox other||{{pp-template}}}}

*/

/* Overrides
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]]
*/
cite.citation {
font-style: inherit; /* Remove italics for <cite> */
}

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

/* ID and URL access
Both core and Common.css have selector .mw-parser-output a[href$=".pdf"].external
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.

the .id-lock-... selectors are for use by non-citation templates like {{Catalog lookup link}}
*/
.id-lock-free a,
.citation .cs1-lock-free a {
background: linear-gradient(transparent, transparent),
url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
right 0.1em center/9px no-repeat;
}

.id-lock-limited a,
.id-lock-registration a,
.citation .cs1-lock-limited a,
.citation .cs1-lock-registration a {
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;
}

.id-lock-subscription a,
.citation .cs1-lock-subscription a {
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;
}

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

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

/* Wikisource
Wikisource icon when |chapter= or |title= is wikilinked to Wikisource
as in cite wikisource
*/
.cs1-ws-icon a {
background: linear-gradient(transparent, transparent),
url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)
right 0.1em center/12px no-repeat;
}

/* Errors and maintenance */
code.cs1-code {
/* <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
*/
color: inherit;
background: inherit;
border: none; /* this maybe can be inherit. MDN says yes, code editor says no */
padding: inherit;
}

.cs1-hidden-error {
display: none;
font-size: 100%;
}

.cs1-visible-error {
font-size: 100%;
}

.cs1-maint {
display: none;
color: #33aa33;
margin-left: 0.3em;
}

/* Small text size
Set small text size in one place. 0.95 (here) * 0.9 (from references list) is
~0.85, which is the lower bound for size for accessibility. Old styling for this
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 */
.cs1-subscription,
.cs1-registration,
.cs1-format {
font-size: 95%;
}

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

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

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