MediaWiki:Common.css

Материал из polichshuk_family
Перейти к навигации Перейти к поиску

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* --- Инфобокс --- */

.infobox {
  float: right;
  margin: 0 0 1em 1em;
  width: 280px;
  font-size: 90%;
  border: 1px solid #aaa;
  background-color: #f9f9f9;
  border-radius: 8px;
  overflow: hidden; /* чтобы скругления сработали */
}

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

/* Ячейка для фото */
.infobox-image-cell {
  height: 180px;          /* нужная вам высота */
  text-align: center;
  vertical-align: middle;
  background-color: #fff; /* если хотите другой фон */
}

/* Расширяем и выравниваем первый столбец в инфобоксе */
.infobox th {
  width: 35%;          /* регулировка ширины меток */
  text-align: left;    /* выравнивание левых ячеек */
  padding-right: 0.5em;/* отступ справа, чтобы текст не прилипал к значению */
}

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