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 33: |
Line 22: |
| 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}}
| |
| | | |
− | bg-size `contain` in Minerva and Timeless is too large, so we set a size for them
| + | the .id-lock-... selectors are for use by non-citation templates like {{Catalog lookup link}} |
− | and then exclude them later
| |
| */ | | */ |
− | .id-lock-free.id-lock-free a { | + | .id-lock-free a, |
− | background: url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg) | + | .citation .cs1-lock-free a { |
| + | 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.id-lock-limited a, | + | .id-lock-limited a, |
− | .id-lock-registration.id-lock-registration a { | + | .id-lock-registration a, |
− | background: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg) | + | .citation .cs1-lock-limited a, |
| + | .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.id-lock-subscription a { | + | .id-lock-subscription a, |
− | background: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg) | + | .citation .cs1-lock-subscription a { |
| + | 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 62: |
Line 64: |
| */ | | */ |
| .cs1-ws-icon a { | | .cs1-ws-icon a { |
− | background: url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg) | + | background: linear-gradient(transparent, transparent), |
| + | 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 */ |
− | .cs1-code { | + | 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 88: |
Line 77: |
| color: inherit; | | color: inherit; |
| background: inherit; | | background: inherit; |
− | border: none; | + | border: none; /* this maybe can be inherit. MDN says yes, code editor says no */ |
| padding: inherit; | | padding: inherit; |
| } | | } |
Line 94: |
Line 83: |
| .cs1-hidden-error { | | .cs1-hidden-error { |
| display: none; | | display: none; |
− | color: var(--color-error, #d33); | + | font-size: 100%; |
| } | | } |
| | | |
| .cs1-visible-error { | | .cs1-visible-error { |
− | color: var(--color-error, #d33); | + | font-size: 100%; |
| } | | } |
| | | |
| .cs1-maint { | | .cs1-maint { |
| display: none; | | display: none; |
− | color: #085; | + | color: #33aa33; |
| 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;
| |
− | }
| |
| } | | } |