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

Материал из polichshuk_family
Перейти к навигации Перейти к поиску
Новая страница: «.infobox { float: right; margin: 0 0 1em 1em; width: 280px; font-size: 90%; border: 1px solid #aaa; background-color: #f9f9f9; } .infobox th, .infobox td { padding: 0.2em 0.5em; vertical-align: top; }»
 
Нет описания правки
 
(не показаны 2 промежуточные версии этого же участника)
Строка 1: Строка 1:
/* --- Инфобокс --- */
.infobox {
.infobox {
   float: right;
   float: right;
Строка 5: Строка 6:
   font-size: 90%;
   font-size: 90%;
   border: 1px solid #aaa;
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   background: #f9f9f9;
  border-radius: 8px;
  overflow: hidden;
}
}
.infobox th, .infobox td {
 
   padding: 0.2em 0.5em;
/* Заголовок и фото — центрируем и выравниваем по высоте */
   vertical-align: top;
.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;
}
}

Текущая версия от 01:23, 12 мая 2025

/* --- Инфобокс --- */
.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;
}