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;
+/* Simulate link styling for JS only links */
-  opacity: 0.3;
+.jslink {
-  width: 38px;
-  height: 38px;
    cursor: pointer;
-   position: fixed;
+   user-select: none;
-   left: calc(17em - 19px);
+   font-size: 0.66em;
-   bottom: 0.75em;
+   padding: 0.25em 0.5em;
-   z-index: 10;
+   margin-left: 0.5em;
-   image-rendering: -moz-crisp-edges;
+   background-color: var(--color-primary);
-   image-rendering: pixelated;
+   color: var(--color-white) !important;
-   transition: opacity var(--transition-time);
+  border-radius: var(--border-radius-small);
+   transition: background-color var(--transition-time);
 }
-#scroll-top:hover {
+.jslink:hover {
-   opacity: 0.8;
+   background-color: var(--color-primary-light);
 }