MediaWiki:Vector.css: различия между версиями
Wikiroot (обсуждение | вклад) Нет описания правки Метка: отменено |
Wikiroot (обсуждение | вклад) Нет описания правки Метка: отменено |
||
Строка 1: | Строка 1: | ||
.categorytree-frame { | .categorytree-frame { | ||
border: none; /* Удаляет рамку */ | border: none; /* Удаляет рамку */ | ||
padding: | padding: 2%; /* Отступы внутри рамки, в процентах от ширины окна */ | ||
margin: | margin: 2%; /* Отступы вокруг рамки, в процентах от ширины окна */ | ||
position: fixed; /* Фиксированное позиционирование */ | |||
left: 0; /* Позиция | left: 0; /* Позиция слева */ | ||
top: | top: 2%; /* Позиция сверху, в процентах от высоты окна */ | ||
width: | width: 20vw; /* Ширина блока в процентах от ширины окна */ | ||
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:30, 21 августа 2024
.categorytree-frame { border: none; /* Удаляет рамку */ padding: 2%; /* Отступы внутри рамки, в процентах от ширины окна */ margin: 2%; /* Отступы вокруг рамки, в процентах от ширины окна */ position: fixed; /* Фиксированное позиционирование */ left: 0; /* Позиция слева */ top: 2%; /* Позиция сверху, в процентах от высоты окна */ width: 20vw; /* Ширина блока в процентах от ширины окна */ 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%; /* Сдвигаем еще ниже для самых маленьких экранов */ } }