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

Материал из polichshuk_family
Перейти к навигации Перейти к поиску
Карточка человека: внутренние отступы, перенос подписей
Карточка человека: ширина 380px, узкая колонка подписей
 
Строка 74: Строка 74:
.infobox.infobox-person th:not(.infobox-header) {
.infobox.infobox-person th:not(.infobox-header) {
   white-space: nowrap;
   white-space: nowrap;
}
/* Карточка человека шире (380px вместо 280px), колонка подписей — по ширине подписи */
.infobox.infobox-person {
  width: 380px;
  max-width: 100%;
}
.infobox.infobox-person th:not(.infobox-header) {
  width: 1%;
}
}

Текущая версия от 17:59, 23 сентября 2026

/* --- Инфобокс --- */
.infobox {
  float: right;
  margin: 0 0 1em 1em;
  width: 280px;
  font-size: 90%;
  border: 1px solid #aaa;
  background: #f9f9f9;
  border-radius: 8px;
  overflow: hidden;
}

/* Заголовок и фото — центрируем и выравниваем по высоте */
.infobox th.infobox-header,
.infobox td.infobox-image-cell {
  text-align: center;
  vertical-align: middle;
}

/* Камочек-заголовок */
.infobox th.infobox-header {
  background: #ddd;
  font-size: 120%;
  padding: 0.6em 0.5em;
}

/* Ячейка с фото */
.infobox-image-cell {
  height: 180px;
  background: #fff;
}

/* Метки (первый столбец) */
.infobox th {
  width: 35%;
  text-align: left;
  padding-right: 0.5em;
}

/* Значения (второй столбец) */
.infobox td {
  /* width: 65%;  — обычно не нужен: td займёт остаток */
  text-align: left;
}

/* --- Карточка человека ({{Персона}}): внутренние отступы --- */
.infobox.infobox-person th,
.infobox.infobox-person td {
  padding: 0.35em 0.9em;
  vertical-align: top;
}
.infobox.infobox-person th.infobox-header {
  padding: 0.6em 0.9em;
}
.infobox.infobox-person td.infobox-image-cell {
  padding: 0.6em;
}
.infobox.infobox-person tr:last-child th,
.infobox.infobox-person tr:last-child td {
  padding-bottom: 0.7em;
}
.infobox.infobox-person td ul {
  margin: 0 0 0 1.1em;
  padding: 0;
}
.infobox.infobox-person td li {
  margin: 0 0 0.2em;
}
.infobox.infobox-person .infobox-caption {
  font-size: 90%;
  color: #555;
  padding-top: 0.3em;
}
.infobox.infobox-person th:not(.infobox-header) {
  white-space: nowrap;
}

/* Карточка человека шире (380px вместо 280px), колонка подписей — по ширине подписи */
.infobox.infobox-person {
  width: 380px;
  max-width: 100%;
}
.infobox.infobox-person th:not(.infobox-header) {
  width: 1%;
}