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

Content deleted Content added
sync from sandbox;
nix notes
 
(3 intermediate revisions by 3 users not shown)
Line 44:
background: url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
right 0.1em center/9px no-repeat;
 
body:not(.skin-timeless):not(.skin-minerva) .id-lock-free a {
background-size: contain;
}
 
Line 54 ⟶ 50:
background: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)
right 0.1em center/9px no-repeat;
 
body:not(.skin-timeless):not(.skin-minerva) .id-lock-limited a,
body:not(.skin-timeless):not(.skin-minerva) .id-lock-registration a {
background-size: contain;
}
 
Line 64 ⟶ 55:
background: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
right 0.1em center/9px no-repeat;
}
 
body:not(.skin-timeless):not(.skin-minerva) .id-lock-subscription a {
background-size: contain;
}
 
Line 79 ⟶ 66:
}
 
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;
}
 
Line 97 ⟶ 94:
.cs1-hidden-error {
display: none;
color: var(--color-error, #d33);
}
 
.cs1-visible-error {
color: var(--color-error, #d33);
}
 
.cs1-maint {
display: none;
color: #2C882D085;
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%;
}
 
Line 133 ⟶ 121:
}
 
@media screen {
html.skin-theme-clientpref-night .cs1-maint {
/* Small text size
color: #18911F;
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: #18911F18911f;
}
}
 
@media screen and (prefers-color-scheme: dark) {
/* Remove next rule when [[phab:T360562]] is fixed and adjust above usual colors */
html.skin-theme-clientpref-night .cs1-visible-error,
html.skin-theme-clientpref-night .cs1-hidden-error {
color: #f8a397;
}
 
@media (prefers-color-scheme: dark) {
/* Remove next rule when [[phab:T360562]] is fixed and adjust above usual colors */
html.skin-theme-clientpref-os .cs1-visible-error,
html.skin-theme-clientpref-os .cs1-hidden-error {
color: #f8a397;
}
html.skin-theme-clientpref-os .cs1-maint {
color: #18911F18911f;
}
}