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

Материал из Radix-IT
Нет описания правки
Метка: отменено
Нет описания правки
Метка: ручная отмена
Строка 1: Строка 1:
.categorytree-frame {
.categorytree-frame {
     border: none; /* Удаляет рамку */
     border: none; /* Удаляет рамку */
     padding: 2%; /* Отступы внутри рамки, в процентах от ширины окна */
     padding: 10px; /* Отступы внутри рамки */
     margin: 2%; /* Отступы вокруг рамки, в процентах от ширины окна */
     margin: 90px; /* Отступы вокруг рамки */
     position: fixed; /* Фиксированное позиционирование */
     position: fixed; /* Фиксированное позиционирование */
     left: 0; /* Позиция слева */
     left: 0; /* Позиция справа */
     top: 2%; /* Позиция сверху, в процентах от высоты окна */
     top: 20px; /* Позиция сверху (укажите единицу измерения, например, px) */
     width: 20vw; /* Ширина блока в процентах от ширины окна */
     width: 300px; /* Ширина блока */
     z-index: 0; /* Уровень наложения для отображения поверх других элементов */
     z-index: 0; /* Уровень наложения для отображения поверх других элементов */
     background-color: transparent; /* Полностью прозрачный фон */
     background-color: transparent; /* Полностью прозрачный фон */
     overflow: auto; /* Прокрутка внутри рамки (если содержимое выходит за рамки) */
     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%; /* Сдвигаем еще ниже для самых маленьких экранов */
    }
}
}

Версия от 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; /* Прокрутка внутри рамки (если содержимое выходит за рамки) */
}