| 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;
| |
| − | }
| |
| | } | | } |