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

m
1 revision imported
(sync from sandbox;)
m (1 revision imported)
 
(6 intermediate revisions by 2 users not shown)
Line 8: Line 8:
/* Overrides
/* Overrides
Some wikis do not override user agent default styles for HTML <cite> and <q>,
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]]
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 {
cite.citation {
font-style: inherit; /* Remove italics for <cite> */
font-style: inherit; /* Remove italics for <cite> */
/* Break long urls, etc., rather than overflowing box */
word-wrap: break-word;
}
}


.citation q {
.citation q {
quotes: '"' '"' "'" "'"; /* Straight quote marks for <q> */
quotes: '"' '"' "'" "'"; /* Straight quote marks for <q> */
}
/* Highlight linked elements (such as clicked references) in blue */
.citation:target {
/* ignore the linter - all browsers of interest implement this */
background-color: rgba(0, 127, 255, 0.133);
}
}


Line 22: Line 33:
for PDF pages. All TemplateStyles pages are hoisted to .mw-parser-output. We need
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.
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 {{Catalog lookup link}}
the .id-lock-... selectors are for use by non-citation templates like
{{Catalog lookup link}} which do not have to handle PDF links
*/
*/
.id-lock-free a,
.id-lock-free a,
.citation .cs1-lock-free a {
.citation .cs1-lock-free a {
background: linear-gradient(transparent, transparent),
background: url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
right 0.1em center/9px no-repeat;
right 0.1em center/9px no-repeat;
}
}
Line 36: Line 48:
.citation .cs1-lock-limited a,
.citation .cs1-lock-limited a,
.citation .cs1-lock-registration a {
.citation .cs1-lock-registration a {
background: linear-gradient(transparent, transparent),
background: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)
url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)
right 0.1em center/9px no-repeat;
right 0.1em center/9px no-repeat;
}
}
Line 43: Line 54:
.id-lock-subscription a,
.id-lock-subscription a,
.citation .cs1-lock-subscription a {
.citation .cs1-lock-subscription a {
background: linear-gradient(transparent, transparent),
background: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
right 0.1em center/9px no-repeat;
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;
}
}


Line 64: Line 63:
*/
*/
.cs1-ws-icon a {
.cs1-ws-icon a {
background: linear-gradient(transparent, transparent),
background: url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)
url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)
right 0.1em center/12px no-repeat;
right 0.1em center/12px no-repeat;
}
}


/* Errors and maintenance */
/* Errors and maintenance */
code.cs1-code {
.cs1-code {
/* <code>...</code> style override: mediawiki's css definition is specified here:
/* <code>...</code> style override: mediawiki's css definition is specified here:
https://git.wikimedia.org/blob/mediawiki%2Fcore.git/
https://git.wikimedia.org/blob/mediawiki%2Fcore.git/
Line 77: Line 75:
color: inherit;
color: inherit;
background: inherit;
background: inherit;
border: none; /* this maybe can be inherit. MDN says yes, code editor says no */
border: none;
padding: inherit;
padding: inherit;
}
}
Line 83: Line 81:
.cs1-hidden-error {
.cs1-hidden-error {
display: none;
display: none;
font-size: 100%;
color: #d33;
}
}


.cs1-visible-error {
.cs1-visible-error {
font-size: 100%;
color: #d33;
}
}


.cs1-maint {
.cs1-maint {
display: none;
display: none;
color: #33aa33;
color: #3a3;
margin-left: 0.3em;
margin-left: 0.3em;
}
}
Line 101: Line 99:
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
references/reflist, only then does it multiply by 0.95; else multiply by 0.85 */
references/reflist, only then does it multiply by 0.95; else multiply by 0.85 */
.cs1-subscription,
.cs1-registration,
.cs1-format {
.cs1-format {
font-size: 95%;
font-size: 95%;
Line 108: Line 104:


/* kerning */
/* kerning */
.cs1-kern-left,
.cs1-kern-left {
.cs1-kern-wl-left {
padding-left: 0.2em;
padding-left: 0.2em;
}
}


.cs1-kern-right,
.cs1-kern-right {
.cs1-kern-wl-right {
padding-right: 0.2em;
padding-right: 0.2em;
}
}