MediaWiki:Common.css: различия между версиями
Материал из Эсгалан
Admin (обсуждение | вклад) Новая страница: «→Размещённый здесь CSS будет применяться ко всем темам оформления: →Стили для карточки: .category-card { border: 1px solid #aaa; background-color: #f9f9f9; padding: 10px; margin-bottom: 20px; border-radius: 5px; } →Заголовок карточки: .category-card-header { display: flex; justify-content: space-between; align-items: center;...» |
Admin (обсуждение | вклад) Нет описания правки |
||
Строка 1: | Строка 1: | ||
/* Стили для карточки категории */ | |||
/* Стили для карточки */ | |||
.category-card { | .category-card { | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
Строка 16: | Строка 15: | ||
font-weight: bold; | font-weight: bold; | ||
cursor: pointer; | cursor: pointer; | ||
padding: 5px; | |||
background-color: #e0e0e0; | |||
border-radius: 3px; | |||
} | } | ||
Строка 27: | Строка 29: | ||
.category-card-content { | .category-card-content { | ||
margin-top: 10px; | margin-top: 10px; | ||
} | |||
/* Горизонтальный список статей */ | |||
.category-card-content ul { | |||
list-style-type: none; /* Убираем маркеры списка */ | |||
padding: 0; | |||
margin: 0; | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 10px; /* Расстояние между элементами */ | |||
} | |||
.category-card-content li { | |||
display: inline; | |||
white-space: nowrap; /* Запрещаем перенос текста */ | |||
} | } |
Версия от 06:49, 14 февраля 2025
/* Стили для карточки категории */
.category-card {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 10px;
margin-bottom: 20px;
border-radius: 5px;
}
/* Заголовок карточки */
.category-card-header {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
cursor: pointer;
padding: 5px;
background-color: #e0e0e0;
border-radius: 3px;
}
/* Кнопка сворачивания */
.category-card-toggle {
font-size: 14px;
user-select: none;
}
/* Содержимое карточки */
.category-card-content {
margin-top: 10px;
}
/* Горизонтальный список статей */
.category-card-content ul {
list-style-type: none; /* Убираем маркеры списка */
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 10px; /* Расстояние между элементами */
}
.category-card-content li {
display: inline;
white-space: nowrap; /* Запрещаем перенос текста */
}