Wikipedia

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

Browse history interactively
← Previous edit
Content deleted Content added
fix lock selectors;
nix notes
 
(23 intermediate revisions by 3 users not shown)
Line 1:
/* Protection icon
/*----------------------------< O V E R R I D E S >------------------------------------------------------------
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.
 
/* Overrides
Similarly, some languages use different quotation punctuation so that setting 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 {
font-style: inherit; /* Remove italics for <cite> */
/* Break long urls, etc., rather than overflowing box */
word-wrap: break-word;
}
 
.citation q {
cite.citation { /* Reset italic styling set by user agent (only for cs1|2 templates; the reason for the .citation qualifier) */
quotes: '"' '"' "'" "'"; /* Straight quote marks for <q> */
font-style: inherit;
}
 
/* Highlight linked elements (such as clicked references) in blue */
q { /* Straight quote marks for <q> */
.citation:target {
quotes: '"' '"' "'" "'";
/* 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
/*----------------------------< C O M M O N P R E S E N T A T I O N >----------------------------------------
{{Catalog lookup link}}
 
<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
 
bg-size `contain` in Minerva and Timeless is too large, so we set a size for them
and then exclude them later
*/
.id-lock-free.id-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.id-lock-limited a,
code.cs1-code { /* preserve font but remove other <code> styling; used in error messages */
.id-lock-registration.id-lock-registration a {
color:inherit;
background: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)
background: inherit;
right 0.1em center/9px no-repeat;
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;
}
 
.id-lock-subscription.id-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
/*----------------------------< A C C E S S I C O N S T Y L E >------------------------------------------*/
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;
}
 
body:not(.cs1skin-timeless):not(.skin-minerva) .id-lock-free a {,
body:not(.skin-timeless):not(.skin-minerva) .id-lock-limited a,
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/65/Lock-green.svg/9px-Lock-green.svg.png) no-repeat;
body:not(.skin-timeless):not(.skin-minerva) .id-lock-registration a,
background-position: right .1em center;
body:not(.skin-timeless):not(.skin-minerva) .id-lock-subscription a,
}
body:not(.skin-timeless):not(.skin-minerva) .cs1-ws-icon a {
background-size: contain;
/* Common.css has a padding set for PDF URLs. bg-contain expands to the
* size of the padding which makes the icons very large. we "reset" the
* padding here. 1em picked out of a hat based on console having a similar
* rule from elsewhere
*/
padding: 0 1em 0 0;
}
 
/* Errors and maintenance */
.cs1-lock-limited a,
.cs1-lock-registration acode {
/* <code>...</code> style override: mediawiki's css definition is specified here:
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Lock-gray-alt-2.svg/9px-Lock-gray-alt-2.svg.png) no-repeat;
https://git.wikimedia.org/blob/mediawiki%2Fcore.git/
background-position: right .1em center;
69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199
}
*/
color: inherit;
background: inherit;
border: none;
padding: inherit;
}
 
.cs1-lockhidden-subscription aerror {
display: none;
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Lock-red-alt-2.svg/9px-Lock-red-alt-2.svg.png) no-repeat;
color: var(--color-error, #d33);
background-position: right .1em center;
}
 
.cs1-visible-error {
color: var(--color-error, #d33);
}
 
.cs1-maint {
/*----------------------------< C S 1 / C O N F I G U R A T I O N >------------------------------------------*/
display: none;
.cs1-subscription,
color: #085;
.cs1-registration {
margin-left: 0.3em;
color:#555;
}
 
/* kerning */
.cs1-subscription span,
.cs1-registration spankern-left {
padding-left: 0.2em;
border-bottom:1px dotted;
}
cursor:help;
}
 
.cs1-hiddenkern-errorright {
padding-right: 0.2em;
display:none;
}
font-size:100%;
}
 
/* selflinks – avoid bold font style when cs1|2 template links to the current page */
.cs1-visible-error {
.citation .mw-selflink {
font-size:100%;
font-weight: inherit;
}
}
 
@media screen {
/* set small text size in one place .95 * .9 (from references list) is ~0.85 which is the lower bound for size for accessibility
/* Small text size
old styling for this was just .85. We could write the rule so that when this template is inside references only then does it
Set small text size in one place. 0.95 (here) * 0.9 (from references list) is
multiply by 0.95; else multiply by 0.85 */
~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
.cs1-subscription,
references/reflist, only then does it multiply by 0.95; else multiply by 0.85 */
.cs1-registration,
.cs1-format {
font-size: 95%;
}
 
html.skin-theme-clientpref-night .cs1-maint {
.cs1-kern-left,
color: #18911f;
.cs1-kern-wl-left {
padding-left:0.2em
}
}
 
@media screen and (prefers-color-scheme: dark) {
.cs1-kern-right,
html.skin-theme-clientpref-os .cs1-maint {
.cs1-kern-wl-right {
color: #18911f;
padding-right:0.2em
}
 
.Z3988 span {
display: none;
}
}
Retrieved from "https://en.wikipedia.org/wiki/Module:Citation/CS1/styles.css"