MediaWiki:Tgui.css: различия между версиями

Нет описания правки
Нет описания правки
Метка: отменено
Строка 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%
    );
  }
}