Изменения

Модуль:Citation/CS1/styles.css (посмотреть исходный код)

Версия от 14:49, 6 ноября 2024

197 байт добавлено , 10 месяцев назад

переделка иконок через фон ::after вместо фона самой ссылки для поддержки тёмной темы

Строка 41: Строка 41:

and then exclude them later

*/

−

.id-lock-free.id-lock-~~free~~ a {

+

.id-lock-free a::after,

−

~~background~~: ~~url(//upload~~.~~wikimedia~~.~~org/wikipedia/commons/6/65/Lock~~-~~green~~.~~svg)~~

+

.id-lock-limited a::after,

−

~~right 0~~.1em center~~/9px~~ no-repeat;

+

.id-lock-registration a::after,

+

.id-lock-subscription a::after,

+

.cs1-ws-icon a::after {

+

content: '';

+

width: 1.1em;

+

height: 1.1em;

+

display: inline-block;

+

vertical-align: middle;

+

background-position: center;

+

background-repeat: no-repeat;

+

background-size: contain;

}

−

.id-lock-~~limited~~.id-lock-~~limited a,~~

+

.id-lock-free.id-lock-free a::after {

−

~~.id-lock-registration.id-lock-registration~~ a {

+

background-image: url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg);

−

background: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-~~gray-alt-2~~.svg)

−

~~right 0.1em center/9px no-repeat~~;

}

−

.id-lock-subscription.id-lock-subscription a {

+

.id-lock-limited.id-lock-limited a::after,

−

background: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg)

+

.id-lock-registration.id-lock-registration a::after {

−

~~right 0.1em center/9px no-repeat~~;

+

background-image: url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg);

+

}

+

.id-lock-subscription.id-lock-subscription a::after {

+

background-image: url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg);

}

Строка 61: Строка 73:

as in cite wikisource

*/

−

.cs1-ws-icon a {

+

.cs1-ws-icon a::after {

−

background: url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg)

+

background-image: url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg);

−

~~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~~;

}

Строка 133: Строка 130:

html.skin-theme-clientpref-night .cs1-maint {

color: #18911f;

+

}

+

html.skin-theme-clientpref-night .id-lock-free a::after,

+

html.skin-theme-clientpref-night .id-lock-limited a::after,

+

html.skin-theme-clientpref-night .id-lock-registration a::after,

+

html.skin-theme-clientpref-night .id-lock-subscription a::after {

+

filter: invert(1) hue-rotate(180deg);

}

Строка 139: Строка 143:

html.skin-theme-clientpref-os .cs1-maint {

color: #18911f;

+

}

+

html.skin-theme-clientpref-os .id-lock-free a::after,

+

html.skin-theme-clientpref-os .id-lock-limited a::after,

+

html.skin-theme-clientpref-os .id-lock-registration a::after,

+

html.skin-theme-clientpref-os .id-lock-subscription a::after {

+

filter: invert(1) hue-rotate(180deg);

}

Анонимный участник

w>Putnik