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

From Amanita Research
Jump to navigation Jump to search
(we like English in our notes, and English has punctuation)
m (29 revisions imported: citations)
 
(6 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/*-------------------------< O V E R R I D E S >-------------------------------
+
/*-------------------------< 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
 +
it must remain within this comment
 +
{{sandbox other||{{pp-template}}}}
 +
 
 +
*/
 +
 
 +
 
 +
/*-------------------------< O V E R R I D E S >--------------------------------
  
 
cs1|2 references are wrapped in <cite>...</cite> tags.  Some wikis have not
 
cs1|2 references are wrapped in <cite>...</cite> tags.  Some wikis have not
Line 15: Line 24:
 
}
 
}
  
q { /* Straight quote marks for <q> */
+
.citation q {
 +
/* Straight quote marks for <q>; keep same as [[MediaWiki:Common.css]] */
 
quotes: '"' '"' "'" "'";
 
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
<code>...</code> style override: mediawiki's css definition is specified here:
+
for PDF pages. All TemplateStyles pages are hoisted to .mw-parser-output. We need
https://git.wikimedia.org/blob/mediawiki%2Fcore.git/69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199
+
to have specificity equal to a[href$=".pdf"].external for locks to override PDF icon.
 
*/
 
*/
code.cs1-code {
+
.citation .cs1-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
 
suggest that inherit is ok */
 
padding: inherit;
 
}
 
 
 
/*-----------------< A C C E S S  I C O N  S T Y L E >----------------------*/
 
.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: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Lock-green.svg/9px-Lock-green.svg.png) no-repeat;
 
background-position: right .1em center;
 
background-position: right .1em center;
 
}
 
}
  
.cs1-lock-limited a,
+
.citation .cs1-lock-limited a,
.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: url(//upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Lock-gray-alt-2.svg/9px-Lock-gray-alt-2.svg.png) no-repeat;
 
background-position: right .1em center;
 
background-position: right .1em center;
 
}
 
}
  
.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: url(//upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Lock-red-alt-2.svg/9px-Lock-red-alt-2.svg.png) no-repeat;
 
background-position: right .1em center;
 
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 61: Line 59:
 
border-bottom: 1px dotted;
 
border-bottom: 1px dotted;
 
cursor: help;
 
cursor: help;
 +
}
 +
 +
/* Wikisource icon
 +
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;
 +
}
 +
 +
/* 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: inherit; /* code editor doesn't like inherit with border?
 +
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;
 
}
 
}
  
 
.cs1-hidden-error {
 
.cs1-hidden-error {
 
display: none;
 
display: none;
font-size: 100%;  
+
font-size: 100%;
 
}
 
}
  
Line 72: Line 95:
 
}
 
}
  
/* Set small text size in one place. 0.95 (here) * 0.9 (from references list) is
+
.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
 
~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 79: Line 109:
 
.cs1-registration,
 
.cs1-registration,
 
.cs1-format {
 
.cs1-format {
font-size: 95%;  
+
font-size: 95%;
 
}
 
}
  
 +
/* kerning */
 
.cs1-kern-left,
 
.cs1-kern-left,
 
.cs1-kern-wl-left {
 
.cs1-kern-wl-left {

Latest revision as of 18:47, 2 November 2019

/*-------------------------< 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
it must remain within this comment
	{{sandbox other||{{pp-template}}}}

*/


/*-------------------------< O V E R R I D E S >--------------------------------

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 {
	/* Reset italic styling set by user agent (only for cs1|2 templates; the
	reason for the .citation qualifier) */
	font-style: inherit;
}

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

/* 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.
*/
.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-position: right .1em center;
}

.citation .cs1-lock-limited 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-position: right .1em center;
}

.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-position: right .1em center;
}

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

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

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

/* 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: inherit;	/* code editor doesn't like inherit with border?
						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;
}

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