Template:Infobox/styles.css

From TwentyOneWiki
Jump to navigation Jump to search
/* ========== Infobox base (Module:Infobox) ========== */
.infobox {
  border: 2px solid #C14424;      /* толстая рамка 2px */
  border-radius: 6px;
  background-color: #EFE9DE;
  color: #000;
  margin: 0.5em 0 0.5em 1em;      /* справа плавающий бокс */
  padding: 0.15em;                /* компактнее */
  float: right;                   /* @noflip */
  clear: right;                   /* @noflip */
  font-size: 88%;
  line-height: 1.35em;            /* плотнее строки */
  width: 22em;
  border-spacing: 2px;            /* меньше зазор между строками */
}

/* Встроенные инфобоксы (когда subbox=yes) */
.infobox-subbox {
  padding: 0;
  border: 2px solid #C14424;      /* та же рамка для консистентности */
  border-radius: 6px;
  margin: -2px;                   /* компенсируем border-spacing родителя */
  width: auto;
  min-width: 100%;
  font-size: 100%;
  clear: none;
  float: none;
  background-color: transparent;
}

/* Выравнивания ячеек */
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar { vertical-align: top; }

.infobox-label,
.infobox-data { text-align: left; } /* @noflip */

/* Заголовок (title/above) — компактный */
.infobox-above,
.infobox-title {
  font-size: 125%;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  padding: 0.15em 0.4em;          /* меньше отступов у тайтла */
  margin-bottom: 0.15em;          /* меньше расстояние до содержимого */
}

/* Центровки сервисных рядов */
.infobox-header,
.infobox-subheader,
.infobox-image,
.infobox-full-data,
.infobox-below { text-align: center; }

.infobox-navbar { text-align: right; } /* @noflip */

.infobox .navbar { font-size: 100%; }
.infobox-3cols-child { margin: auto; }

/* -------- Дополнительные правки под макет -------- */

/* Картинка и подпись */
.infobox .infobox-image { padding: 0; }
.infobox .infobox-caption {
  padding: 0.35em 0.6em 0.45em;   /* компактнее подпись */
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace;
  font-weight: 600;
  color: #111;
}

/* Лейбл слева (без фона и двоеточий) */
.infobox .infobox-label {
  background: transparent;
  font-weight: 700;
  text-align: left;
  width: 42%;
  color: #131313;
  padding: 0.22em 0.5em;          /* меньше вертикальные отступы */
  white-space: normal;
  border: 0;
}

/* Значение справа — уважаем \n внутри параметров */
.infobox .infobox-data,
.infobox .infobox-full-data {
  padding: 0.22em 0.5em;          /* меньше вертикальные отступы */
  white-space: pre-line;          /* переносы из вики-разметки */
  line-height: 1.28;              /* ещё плотнее строки в значении */
  border: 0;
}

/* Убираем лишние бордеры строк/ячеек */
.infobox tr, .infobox th, .infobox td { border: 0; }