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

Материал из Эсгалан
Новая страница: «Размещённый здесь 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;...»
 
Нет описания правки
 
(не показаны 2 промежуточные версии этого же участника)
Строка 1: Строка 1:
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Стили для карточки категории */
/* Стили для карточки */
.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;
}
}


/* Кнопка сворачивания */
.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 {
  padding: 5px;
}
 
.article-item {
  margin-right: 12px;
  white-space: nowrap;
  display: inline-block;
}
 
.category-content.collapsed {
  display: none;
}
}

Текущая версия от 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;
}