Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* Весь 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%
    );
  }
}