Permanently protected module

Module:Citation/CS1/styles.css: Difference between revisions

From Vigyanwiki
< Module:Citation/CS1
Template>Izno
(we like English in our notes, and English has punctuation)
m (2 revisions imported from alpha:Module:Citation/CS1/styles.css)
 
(27 intermediate revisions by 8 users not shown)
Line 1: Line 1:
/*-------------------------< O V E R R I D E S >-------------------------------
/* 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}}}}


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
/* Overrides
is also made available here.
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]].
 
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 {
/* Reset italic styling set by user agent (only for cs1|2 templates; the
font-style: inherit; /* Remove italics for <cite> */
reason for the .citation qualifier) */
/* Break long urls, etc., rather than overflowing box */
font-style: inherit;
word-wrap: break-word;
}
}


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


/*-------====--< C O M M O N  P R E S E N T A T I O N >----------------------
/* 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);
}


<code>...</code> style override: mediawiki's css definition is specified here:
/* ID and URL access
https://git.wikimedia.org/blob/mediawiki%2Fcore.git/69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199
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.
That's essentially 2 classes and 1 element.
 
the .id-lock-... selectors are for use by non-citation templates like
{{Catalog lookup link}} which do not have to handle PDF links
*/
*/
code.cs1-code {
.id-lock-free a,
/* preserve font but remove other <code> styling; used in error messages */
.citation .cs1-lock-free a {
color: inherit;
background: url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
background: inherit;
right 0.1em center/9px no-repeat;
border: inherit; /* code editor doesn't like inherit with border?
https://www.w3.org/wiki/CSS/Properties/border
suggest that inherit is ok */
padding: inherit;
}
}


/*-----------------< A C C E S S  I C O N  S T Y L E >----------------------*/
.id-lock-limited a,
.cs1-lock-free a {
.id-lock-registration a,
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Lock-green.svg/9px-Lock-green.svg.png) no-repeat;
.citation .cs1-lock-limited a,
background-position: right .1em center;
.citation .cs1-lock-registration a {
background: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)
right 0.1em center/9px no-repeat;
}
}


.cs1-lock-limited a,
.id-lock-subscription a,
.cs1-lock-registration a {
.citation .cs1-lock-subscription 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: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
background-position: right .1em center;
right 0.1em center/9px no-repeat;
}
}


.cs1-lock-subscription a {
/* Wikisource
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Lock-red-alt-2.svg/9px-Lock-red-alt-2.svg.png) no-repeat;
Wikisource icon when |chapter= or |title= is wikilinked to Wikisource
background-position: right .1em center;
as in cite wikisource
*/
.cs1-ws-icon a {
background: url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)
right 0.1em center/12px no-repeat;
}
}


/*-------------------< C S 1 / C O N F I G U R A T I O N >--------------------*/
/* Errors and maintenance */
.cs1-subscription,
.cs1-code {
.cs1-registration {
/* <code>...</code> style override: mediawiki's css definition is specified here:
color: #555;
https://git.wikimedia.org/blob/mediawiki%2Fcore.git/
}
69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199
 
*/
.cs1-subscription span,
color: inherit;
.cs1-registration span {
background: inherit;
border-bottom: 1px dotted;
border: none;
cursor: help;
padding: inherit;
}
}


.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;
}
}


/* Set small text size in one place. 0.95 (here) * 0.9 (from references list) is
.cs1-maint {
display: none;
color: #3a3;
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
~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
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%;
}
}


.cs1-kern-left,
/* kerning */
.cs1-kern-wl-left {
.cs1-kern-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;
}
/* selflinks – avoid bold font style when cs1|2 template links to the current page */
.citation .mw-selflink {
font-weight: inherit;
}
}

Latest revision as of 10:14, 28 July 2023

/* 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]].

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 {
	font-style: inherit; /* Remove italics for <cite> */
	/* Break long urls, etc., rather than overflowing box */
	word-wrap: break-word;
}

.citation 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);
}

/* 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.
That's essentially 2 classes and 1 element.

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,
.citation .cs1-lock-free a {
	background: 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: 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: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
		right 0.1em center/9px no-repeat;
}

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

/* Errors and maintenance */
.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;
	padding: inherit;
}

.cs1-hidden-error {
	display: none;
	color: #d33;
}

.cs1-visible-error {
	color: #d33;
}

.cs1-maint {
	display: none;
	color: #3a3;
	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%;
}

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

.cs1-kern-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;
}