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

Версия от 08:58, 21 августа 2024


.categorytree-frame {
    border: none; /* Удаляет рамку */
    padding: 10px; /* Отступы внутри рамки */
    margin: 90px; /* Отступы вокруг рамки */
    position: fixed; /* Фиксированное позиционирование */
    left: 0; /* Позиция справа */
    top: 20px; /* Позиция сверху (укажите единицу измерения, например, px) */
    width: 300px; /* Ширина блока */
    z-index: 0; /* Уровень наложения для отображения поверх других элементов */
    background-color: transparent; /* Полностью прозрачный фон */
    overflow: auto; /* Прокрутка внутри рамки (если содержимое выходит за рамки) */
}

@@ Строка 1: / Строка 1: @@
 .categorytree-frame {
      border: none; /* Удаляет рамку */
-     padding: 2%; /* Отступы внутри рамки, в процентах от ширины окна */
+     padding: 10px; /* Отступы внутри рамки */
-     margin: 2%; /* Отступы вокруг рамки, в процентах от ширины окна */
+     margin: 90px; /* Отступы вокруг рамки */
      position: fixed; /* Фиксированное позиционирование */
-     left: 0; /* Позиция слева */
+     left: 0; /* Позиция справа */
-     top: 2%; /* Позиция сверху, в процентах от высоты окна */
+     top: 20px; /* Позиция сверху (укажите единицу измерения, например, px) */
-     width: 20vw; /* Ширина блока в процентах от ширины окна */
+     width: 300px; /* Ширина блока */
      z-index: 0; /* Уровень наложения для отображения поверх других элементов */
      background-color: transparent; /* Полностью прозрачный фон */
      overflow: auto; /* Прокрутка внутри рамки (если содержимое выходит за рамки) */
-}
-@media screen and (max-width: 768px) {
-    .categorytree-frame {
-        width: 40vw; /* Увеличиваем ширину для меньших экранов */
-        padding: 5%; /* Увеличиваем отступы для меньших экранов */
-        margin: 5%; /* Увеличиваем внешние отступы для меньших экранов */
-        top: 5%; /* Сдвигаем немного вниз для меньших экранов */
-    }
-}
-@media screen and (max-width: 480px) {
-    .categorytree-frame {
-        width: 80vw; /* Еще больше увеличиваем ширину для самых маленьких экранов */
-        padding: 10%; /* Увеличиваем отступы */
-        margin: 10%; /* Увеличиваем внешние отступы */
-        top: 10%; /* Сдвигаем еще ниже для самых маленьких экранов */
-    }
 }