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}}
| + | 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 a, | + | .id-lock-free.id-lock-free a { |
− | .citation .cs1-lock-free a { | + | background: url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg) |
− | background: linear-gradient(transparent, transparent), | |
− | 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; |
| } | | } |
| | | |
− | .id-lock-limited a, | + | .id-lock-limited.id-lock-limited a, |
− | .id-lock-registration a, | + | .id-lock-registration.id-lock-registration a { |
− | .citation .cs1-lock-limited a, | + | background: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg) |
− | .citation .cs1-lock-registration a { | |
− | background: linear-gradient(transparent, transparent), | |
− | 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; |
| } | | } |
| | | |
− | .id-lock-subscription a, | + | .id-lock-subscription.id-lock-subscription a { |
− | .citation .cs1-lock-subscription a { | + | background: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg) |
− | background: linear-gradient(transparent, transparent), | |
− | 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 62: |
| */ | | */ |
| .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; |
| + | } |
| + | |
| + | body:not(.skin-timeless):not(.skin-minerva) .id-lock-free a, |
| + | body:not(.skin-timeless):not(.skin-minerva) .id-lock-limited a, |
| + | body:not(.skin-timeless):not(.skin-minerva) .id-lock-registration a, |
| + | 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 */ | | /* 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 88: |
| 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 94: |
| .cs1-hidden-error { | | .cs1-hidden-error { |
| display: none; | | display: none; |
− | font-size: 100%; | + | color: var(--color-error, #d33); |
| } | | } |
| | | |
| .cs1-visible-error { | | .cs1-visible-error { |
− | font-size: 100%; | + | color: var(--color-error, #d33); |
| } | | } |
| | | |
| .cs1-maint { | | .cs1-maint { |
| display: none; | | display: none; |
− | color: #33aa33; | + | color: #085; |
| margin-left: 0.3em; | | 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-format {
| |
− | font-size: 95%;
| |
| } | | } |
| | | |
| /* 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; |
| } | | } |
Line 119: |
Line 119: |
| .citation .mw-selflink { | | .citation .mw-selflink { |
| font-weight: inherit; | | font-weight: inherit; |
| + | } |
| + | |
| + | @media screen { |
| + | /* 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-format { |
| + | font-size: 95%; |
| + | } |
| + | |
| + | html.skin-theme-clientpref-night .cs1-maint { |
| + | color: #18911f; |
| + | } |
| + | } |
| + | |
| + | @media screen and (prefers-color-scheme: dark) { |
| + | html.skin-theme-clientpref-os .cs1-maint { |
| + | color: #18911f; |
| + | } |
| } | | } |