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

m 1 revision imported: Content from Template:OSM Location map on Wikipedia
m 1 revision imported: Content from Template:OSM Location map on Wikipedia
 
(3 intermediate revisions by 3 users not shown)
Line 44: Line 44:
background: url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg)
background: 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;
}
body:not(.skin-timeless):not(.skin-minerva) .id-lock-free a {
background-size: contain;
}
}


Line 54: Line 50:
background: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg)
background: 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;
}
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: Line 55:
background: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)
background: 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;
}
body:not(.skin-timeless):not(.skin-minerva) .id-lock-subscription a {
background-size: contain;
}
}


Line 79: Line 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 {
body:not(.skin-timeless):not(.skin-minerva) .cs1-ws-icon a {
background-size: contain;
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: Line 94:
.cs1-hidden-error {
.cs1-hidden-error {
display: none;
display: none;
color: #d33;
color: var(--color-error, #bf3c2c);
}
}


.cs1-visible-error {
.cs1-visible-error {
color: #d33;
color: var(--color-error, #bf3c2c);
}
}


.cs1-maint {
.cs1-maint {
display: none;
display: none;
color: #2C882D;
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%;
}
}


Line 133: Line 121:
}
}


html.skin-theme-clientpref-night .cs1-maint {
@media screen {
color: #18911F;
/* 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;
}
}
}


/* Remove next rule when [[phab:T360562]] is fixed and adjust above usual colors */
@media screen and (prefers-color-scheme: dark) {
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 {
html.skin-theme-clientpref-os .cs1-maint {
color: #18911F;
color: #18911f;
}
}
}
}