MediaWiki:Tgui.css: различия между версиями
Aylong (обсуждение | вклад) Нет описания правки |
Aylong (обсуждение | вклад) Нет описания правки Метка: отменено |
||
Строка 21: | Строка 21: | ||
#scroll-top:hover { | #scroll-top:hover { | ||
opacity: 0.8; | opacity: 0.8; | ||
} | |||
@keyframes gradient { | |||
0% { | |||
background: linear-gradient( | |||
125deg, | |||
var(--security-light) 0%, | |||
var(--legal-light) 15%, | |||
var(--science-light) 30%, | |||
var(--command-light) 45%, | |||
var(--medical-light) 60%, | |||
var(--civilian-light) 75%, | |||
var(--engineer-light) 90% | |||
); | |||
} | |||
50% { | |||
background: linear-gradient( | |||
125deg, | |||
var(--engineer-light) 0%, | |||
var(--civilian-light) 15%, | |||
var(--medical-light) 30%, | |||
var(--command-light) 45%, | |||
var(--science-light) 60%, | |||
var(--legal-light) 75%, | |||
var(--security-light) 90% | |||
); | |||
} | |||
100% { | |||
background: linear-gradient( | |||
125deg, | |||
var(--security-light) 0%, | |||
var(--legal-light) 15%, | |||
var(--science-light) 30%, | |||
var(--command-light) 45%, | |||
var(--medical-light) 60%, | |||
var(--civilian-light) 75%, | |||
var(--engineer-light) 90% | |||
); | |||
} | |||
} | } |
Версия от 12:12, 23 мая 2024
/* Весь CSS будет отсюда будет загружен пользователям темы оформления «TGUI» */
/* Кнопка "Вверх": [[Файл:Scroll_top.png]] */
#scroll-top {
display: none;
background: url(https://wiki.ss220.space/images/f/f4/Scroll_top.gif) 0% 0%/38px
38px no-repeat;
opacity: 0.3;
width: 38px;
height: 38px;
cursor: pointer;
position: fixed;
left: 15.45em;
bottom: 0.75em;
z-index: 10;
image-rendering: -moz-crisp-edges;
image-rendering: pixelated;
transition: opacity var(--transition-time);
}
#scroll-top:hover {
opacity: 0.8;
}
@keyframes gradient {
0% {
background: linear-gradient(
125deg,
var(--security-light) 0%,
var(--legal-light) 15%,
var(--science-light) 30%,
var(--command-light) 45%,
var(--medical-light) 60%,
var(--civilian-light) 75%,
var(--engineer-light) 90%
);
}
50% {
background: linear-gradient(
125deg,
var(--engineer-light) 0%,
var(--civilian-light) 15%,
var(--medical-light) 30%,
var(--command-light) 45%,
var(--science-light) 60%,
var(--legal-light) 75%,
var(--security-light) 90%
);
}
100% {
background: linear-gradient(
125deg,
var(--security-light) 0%,
var(--legal-light) 15%,
var(--science-light) 30%,
var(--command-light) 45%,
var(--medical-light) 60%,
var(--civilian-light) 75%,
var(--engineer-light) 90%
);
}
}