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

Материал из Radix-IT
Нет описания правки
Метка: отменено
Нет описания правки
Метка: отменено
Строка 2: Строка 2:
     border: none; /* Удаляет рамку */
     border: none; /* Удаляет рамку */
     padding: 10px; /* Отступы внутри рамки */
     padding: 10px; /* Отступы внутри рамки */
     margin: 20px; /* Отступы вокруг рамки */
     margin: 20px 0; /* Отступы сверху и снизу, слева и справа без отступов */
     position: absolute; /* Абсолютное позиционирование */
     position: relative; /* Относительное позиционирование */
     left: 0; /* Позиция слева */
     width: 20%; /* Ширина блока в процентах от ширины родителя */
    top: 20px; /* Позиция сверху */
     max-width: 300px; /* Максимальная ширина */
     width: 300px; /* Ширина блока */
     z-index: 0; /* Уровень наложения */
     z-index: 0; /* Уровень наложения */
     background-color: transparent; /* Прозрачный фон */
     background-color: transparent; /* Прозрачный фон */
     overflow: auto; /* Прокрутка внутри рамки, если содержимое выходит за пределы */
     overflow: auto; /* Прокрутка внутри рамки, если содержимое выходит за пределы */
     max-width: 100%; /* Максимальная ширина не превышает ширину страницы */
     float: left; /* Прижимает элемент к левому краю */
    transform: scale(1); /* Масштабирование */
    transition: transform 0.3s ease; /* Плавное изменение масштаба */
}
}


body {
body {
     position: relative; /* Относительное позиционирование, чтобы `.categorytree-frame` была привязана к странице */
     margin-left: 20%; /* Оставляет место для дерева категорий */
    padding: 0; /* Убирает отступы */
}
}

Версия от 12:26, 26 августа 2024

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

body {
    margin-left: 20%; /* Оставляет место для дерева категорий */
    padding: 0; /* Убирает отступы */
}