Module:Citation/CS1/styles.css: Difference between revisions
From Vigyanwiki
Template>Izno (coding conventions) |
Template>Izno (make most text 80 characters or shorter (general best practice)) |
||
Line 1: | Line 1: | ||
/*----------------------------< O V E R R I D E S >------------------------------------------------------------ | /*----------------------------< 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 | cs1|2 references are wrapped in <cite>...</cite> tags. Some wikis have not | ||
agent italic styling as en.wiki has. This (untested) styling should override the user agent default when cs1|2 | 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 { | cite.citation { | ||
/* Reset italic styling set by user agent (only for cs1|2 templates; the | |||
reason for the .citation qualifier) */ | |||
font-style: inherit; | font-style: inherit; | ||
} | } | ||
q { | q { /* Straight quote marks for <q> */ | ||
quotes: '"' '"' "'" "'"; | quotes: '"' '"' "'" "'"; | ||
} | } | ||
/*------- | /*-------====--< C O M M O N P R E S E N T A T I O N >---------------------- | ||
<code>...</code> style override: mediawiki's css definition is specified here: | <code>...</code> style override: mediawiki's css definition is specified here: | ||
Line 25: | Line 28: | ||
*/ | */ | ||
code.cs1-code { | code.cs1-code { | ||
/* preserve font but remove other <code> styling; used in error messages */ | |||
color:inherit; | color:inherit; | ||
background: inherit; | background: inherit; | ||
border: inherit; | border: inherit; | ||
/* code editor doesn't like inherit with boder? | |||
https://www.w3.org/wiki/CSS/Properties/border suggest that inherit is ok */ | |||
padding:inherit; | padding:inherit; | ||
} | } | ||
Line 52: | Line 58: | ||
/* | /*-------------------< 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 73: | Line 79: | ||
} | } | ||
/* set small text size in one place .95 * .9 (from references list) is ~0.85 which is the lower bound for size for accessibility | /* set small text size in one place .95 * .9 (from references list) is ~0.85 | ||
old styling for this was just .85. We could write the rule so that when this template is inside references only then does it | which is the lower bound for size for accessibility old styling for this was | ||
multiply by 0.95; else multiply by 0.85 */ | just .85. We could write the rule so that when this template is inside | ||
references only then does it multiply by 0.95; else multiply by 0.85 */ | |||
.cs1-subscription, | .cs1-subscription, |
Revision as of 05:08, 14 August 2018
/*----------------------------< 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;
}
q { /* Straight quote marks for <q> */
quotes: '"' '"' "'" "'";
}
/*-------====--< C O M M O N P R E S E N T A T I O N >----------------------
<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 boder?
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-position: right .1em center;
}
.cs1-lock-limited a,
.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;
}
.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;
}
/*-------------------< C S 1 / C O N F I G U R A T I O N >-------------------*/
.cs1-subscription,
.cs1-registration {
color:#555;
}
.cs1-subscription span,
.cs1-registration span {
border-bottom:1px dotted;
cursor:help;
}
.cs1-hidden-error {
display:none;
font-size:100%;
}
.cs1-visible-error {
font-size:100%;
}
/* set small text size in one place .95 * .9 (from references list) is ~0.85
which is the lower bound for size for accessibility old styling for this was
just .85. We could write the rule so that when this template is inside
references only then does it multiply by 0.95; else multiply by 0.85 */
.cs1-subscription,
.cs1-registration,
.cs1-format {
font-size:95%;
}
.cs1-kern-left,
.cs1-kern-wl-left {
padding-left:0.2em
}
.cs1-kern-right,
.cs1-kern-wl-right {
padding-right:0.2em
}
.Z3988 span {
display: none;
}