Difference between revisions of "Module:Citation/CS1/sandbox/styles.css"

From blackwiki
Jump to navigation Jump to search
test>Izno
(add to image rules to override pdf icon)
m (9 revisions imported)
 
(45 intermediate revisions by 9 users not shown)
Line 1: Line 1:
 
/*
 
/*
History of changes since last sync: 2018-09-29:
+
History of changes since last sync: 2020-04-18
2018-09-29: add .cs1-maint, move styling to styles.css
+
2020-09-10: Remove PNG icons as WMF dropped basic support for IE8
2018-10-01: increase specificity of <q> styling
 
 
*/
 
*/
/*-------------------------< O V E R R I D E S >-----------------------------
 
  
cs1|2 references are wrapped in <cite>...</cite> tags.  Some wikis have not
+
/* Protection icon
chosen to override the generic user agent italic styling as en.wiki has.  This
+
the following line controls the page-protection icon in the upper right corner
(untested) styling should override the user agent default when cs1|2 templates
+
it must remain within this comment
are rendered.
+
{{sandbox other||{{pp-template}}}}
  
Similarly, some languages use different quotation punctuation so that setting
+
*/
is also made available here.
+
 
 +
/* 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 {
 
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) */
 
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: '"' '"' "'" "'";
 
 
}
 
}
  
/*------------< C O M M O N  P R E S E N T A T I O N >----------------------
+
/* 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.
  
<code>...</code> style override: mediawiki's css definition is specified here:
+
the .id-lock-... selectors are for use by non-citation templates like {{Catalog lookup link}}
https://git.wikimedia.org/blob/mediawiki%2Fcore.git/69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199
 
 
*/
 
*/
code.cs1-code {
+
.id-lock-free a,
/* preserve font but remove other <code> styling; used in error messages */
 
color: inherit;
 
background: inherit;
 
border: inherit; /* code editor doesn't like inherit with border?
 
https://www.w3.org/wiki/CSS/Properties/border
 
suggests that inherit is ok */
 
padding: inherit;
 
}
 
 
 
/*-----------------< A C C E S S  I C O N  S T Y L E >--------------------*/
 
 
.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: linear-gradient(transparent, transparent),
background-position: right .1em center;
+
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-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: linear-gradient(transparent, transparent),
background-position: right .1em center;
+
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 {
 
.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: linear-gradient(transparent, transparent),
background-position: right .1em center;
+
url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
}
+
right 0.1em center/9px no-repeat;
 
 
/*-----------------< W I K I S O U R C E  I C O N  S T Y L E >--------------------*/
 
/* 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 */
 
.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-position: right .1em center;
 
 
}
 
}
  
/*------------------< C S 1 / C O N F I G U R A T I O N >-------------------*/
 
 
.cs1-subscription,
 
.cs1-subscription,
 
.cs1-registration {
 
.cs1-registration {
Line 74: Line 62:
 
border-bottom: 1px dotted;
 
border-bottom: 1px dotted;
 
cursor: help;
 
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;
 
}
 
}
  
Line 91: Line 101:
 
}
 
}
  
/* Set small text size in one place. 0.95 (here) * 0.9 (from references list) is
+
/* 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
Line 101: Line 112:
 
}
 
}
  
 +
/* kerning */
 
.cs1-kern-left,
 
.cs1-kern-left,
 
.cs1-kern-wl-left {
 
.cs1-kern-wl-left {
Line 109: Line 121:
 
.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;
 
}
 
}

Latest revision as of 13:39, 24 September 2020

/*
History of changes since last sync: 2020-04-18
2020-09-10: Remove PNG icons as WMF dropped basic support for IE8
*/

/* 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;
}