Шаблон:Emoji/styles.css: различия между версиями
Aylong (обсуждение | вклад) мНет описания правки |
Aylong (обсуждение | вклад) мНет описания правки |
||
| (не показаны 2 промежуточные версии этого же участника) | |||
| Строка 4: | Строка 4: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
align-items: center; | |||
justify-content: center; | |||
background-color: var(--color-second-fill); | background-color: var(--color-second-fill); | ||
border: var(--border-classic); | border: var(--border-classic); | ||
| Строка 12: | Строка 12: | ||
} | } | ||
.autowiki-emoji | .autowiki-emoji .tgui-clipboard-button { | ||
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
right: 0; | right: 0; | ||
background-color: transparent; | |||
color: var(--color-text-translucent) !important; | |||
border-radius: 0 var(--border-radius-small); | border-radius: 0 var(--border-radius-small); | ||
box-shadow: none; | box-shadow: none; | ||
transition-property: background-color, color; | |||
} | |||
.autowiki-emoji .tgui-clipboard-button:hover { | |||
background-color: var(--color-bg-hover); | |||
color: var(--color-text) !important; | |||
} | |||
.autowiki-emoji .tgui-clipboard-button.copied { | |||
color: var(--color-green) !important; | |||
} | |||
.autowiki-emoji-key { | |||
content-visibility: hidden; | |||
} | } | ||
Текущая версия от 17:54, 18 мая 2025
.autowiki-emoji {
aspect-ratio: 1 / 1;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: var(--color-second-fill);
border: var(--border-classic);
border-radius: var(--border-radius-small);
width: 100%;
}
.autowiki-emoji .tgui-clipboard-button {
position: absolute;
top: 0;
right: 0;
background-color: transparent;
color: var(--color-text-translucent) !important;
border-radius: 0 var(--border-radius-small);
box-shadow: none;
transition-property: background-color, color;
}
.autowiki-emoji .tgui-clipboard-button:hover {
background-color: var(--color-bg-hover);
color: var(--color-text) !important;
}
.autowiki-emoji .tgui-clipboard-button.copied {
color: var(--color-green) !important;
}
.autowiki-emoji-key {
content-visibility: hidden;
}