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

Материал из Эсгалан
Нет описания правки
Нет описания правки
 
Строка 1: Строка 1:
/* Стили для карточки категории */
/* Стили для карточки категории */
.category-card {
.category-card {
    border: 1px solid #aaa;
  border: 1px solid #aaa;
    background-color: #f9f9f9;
  background: #f8f9fa;
    padding: 10px;
  margin: 10px 0;
    margin-bottom: 20px;
  padding: 5px;
    border-radius: 5px;
  border-radius: 3px;
}
}


/* Заголовок карточки */
.category-table {
.category-card-header {
  border-collapse: collapse;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    cursor: pointer;
    padding: 5px;
    background-color: #e0e0e0;
    border-radius: 3px;
}
}


/* Кнопка сворачивания */
.category-header {
.category-card-toggle {
  font-weight: bold;
    font-size: 14px;
  background: #eaecf0;
    user-select: none;
}
}


/* Содержимое карточки */
.category-title {
.category-card-content {
  padding-left: 5px;
    margin-top: 10px;
}
}


/* Горизонтальный список статей */
.article-list {
.category-card-content ul {
  padding: 5px;
    list-style-type: none; /* Убираем маркеры списка */
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Расстояние между элементами */
}
}


.category-card-content li {
.article-item {
    display: inline;
  margin-right: 12px;
    white-space: nowrap; /* Запрещаем перенос текста */
  white-space: nowrap;
  display: inline-block;
}
}


/* Добавляем разделители между элементами */
.category-content.collapsed {
.category-card-content li:not(:last-child)::after {
  display: none;
    content: " · "; /* Разделитель в виде точки */
    margin-left: 5px;
    margin-right: 5px;
    color: #999;
}
}

Текущая версия от 16:13, 14 февраля 2025

/* Стили для карточки категории */
.category-card {
  border: 1px solid #aaa;
  background: #f8f9fa;
  margin: 10px 0;
  padding: 5px;
  border-radius: 3px;
}

.category-table {
  border-collapse: collapse;
}

.category-header {
  font-weight: bold;
  background: #eaecf0;
}

.category-title {
  padding-left: 5px;
}

.article-list {
  padding: 5px;
}

.article-item {
  margin-right: 12px;
  white-space: nowrap;
  display: inline-block;
}

.category-content.collapsed {
  display: none;
}