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)
test>Izno
(add specificity increase of lock styles; refactor to group similar functionalities as appropriate)
Line 2: Line 2:
 
History of changes since last sync: 2018-09-29:
 
History of changes since last sync: 2018-09-29:
 
2018-09-29: add .cs1-maint, move styling to styles.css
 
2018-09-29: add .cs1-maint, move styling to styles.css
2018-10-01: increase specificity of <q> styling
+
2018-10-01: increase specificity of <q> styling for consistency; see Help_talk:Citation_Style_1/Archive_48#Cite_and_q_element_styling
 +
2019-01-05: increase specificity lock styles; see Help_talk:Citation_Style_1#url-access not working?
 
*/
 
*/
 
/*-------------------------< O V E R R I D E S >-----------------------------
 
/*-------------------------< O V E R R I D E S >-----------------------------
Line 25: Line 26:
 
}
 
}
  
/*------------< C O M M O N  P R E S E N T A T I O N >----------------------
+
/* ID and URL access  */
 
 
<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
 
*/
 
code.cs1-code {
 
/* 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: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Lock-green.svg/9px-Lock-green.svg.png) no-repeat;
Line 57: Line 43:
 
}
 
}
  
/*-----------------< 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 52:
 
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 */
 +
padding: inherit;
 
}
 
}
  
Line 91: Line 91:
 
}
 
}
  
/* 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 102:
 
}
 
}
  
 +
/* kerning */
 
.cs1-kern-left,
 
.cs1-kern-left,
 
.cs1-kern-wl-left {
 
.cs1-kern-wl-left {

Revision as of 14:15, 5 January 2019

/*
History of changes since last sync: 2018-09-29:
2018-09-29: add .cs1-maint, move styling to styles.css
2018-10-01: increase specificity of <q> styling for consistency; see Help_talk:Citation_Style_1/Archive_48#Cite_and_q_element_styling
2019-01-05: increase specificity lock styles; see Help_talk:Citation_Style_1#url-access not working?
*/
/*-------------------------< 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  */
.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 */
	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;
}