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

Текущая версия от 20:33, 29 сентября 2024

/* Весь CSS будет отсюда будет загружен пользователям темы оформления «TGUI» */

.pageframe-container {
  backdrop-filter: var(--blur-default);
}

/* Simulate link styling for JS only links */
.jslink {
  cursor: pointer;
  user-select: none;
  font-size: 0.66em;
  padding: 0.25em 0.5em;
  margin-left: 0.5em;
  background-color: var(--color-primary);
  color: var(--color-white) !important;
  border-radius: var(--border-radius-small);
  transition: background-color var(--transition-time);
}

.jslink:hover {
  background-color: var(--color-primary-light);
}

@@ Строка 1: / Строка 1: @@
 /* Весь CSS будет отсюда будет загружен пользователям темы оформления «TGUI» */
-/* Кнопка "Вверх": [[Файл:Scroll_top.png]] */
+.pageframe-container {
-#scroll-top {
+   backdrop-filter: var(--blur-default);
-   display: none;
-  background: url(https://wiki.ss220.space/images/f/f4/Scroll_top.gif) 0% 0%/38px
-px 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 {
+/* Simulate link styling for JS only links */
-   opacity: 0.8;
+.jslink {
+  cursor: pointer;
+  user-select: none;
+  font-size: 0.66em;
+  padding: 0.25em 0.5em;
+   margin-left: 0.5em;
+  background-color: var(--color-primary);
+  color: var(--color-white) !important;
+  border-radius: var(--border-radius-small);
+  transition: background-color var(--transition-time);
 }
-@keyframes gradient {
+.jslink:hover {
-% {
+   background-color: var(--color-primary-light);
-    background: linear-gradient(
-deg,
-      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%
-    );
-  }
-% {
-    background: linear-gradient(
-deg,
-      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%
-    );
-  }
-% {
-    background: linear-gradient(
-deg,
-      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%
-    );
-  }
 }