Template:Infobox/styles.css: Difference between revisions
		
		
		
		
		
		Jump to navigation
		Jump to search
		
				
		
		
	
| No edit summary | No edit summary | ||
| Line 1: | Line 1: | ||
| /* | /* ========== Infobox base (Module:Infobox) ========== */ | ||
| .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 { | .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-header, | ||
| .infobox-label, | .infobox-label, | ||
| Line 46: | Line 38: | ||
| .infobox-subheader, | .infobox-subheader, | ||
| .infobox-image, | .infobox-image, | ||
| .infobox-navbar { | .infobox-navbar { vertical-align: top; } | ||
| } | |||
| .infobox-label, | .infobox-label, | ||
| .infobox-data { | .infobox-data { text-align: left; } /* @noflip */ | ||
| } | |||
| /* Заголовок (title/above) — компактный */ | |||
| .infobox-above, | .infobox-above, | ||
| .infobox-title { | .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-header, | ||
| .infobox-subheader, | .infobox-subheader, | ||
| .infobox-image, | .infobox-image, | ||
| .infobox-full-data, | .infobox-full-data, | ||
| .infobox-below { | .infobox-below { text-align: center; } | ||
| } | |||
| .infobox  | .infobox-navbar { text-align: right; } /* @noflip */ | ||
| } | |||
| .infobox-3cols-child { | .infobox .navbar { font-size: 100%; } | ||
| .infobox-3cols-child { margin: auto; } | |||
| } | |||
| /*  | /* -------- Дополнительные правки под макет -------- */ | ||
| /*  | /* Картинка и подпись */ | ||
| .infobox .infobox-image { padding: 0; } | .infobox .infobox-image { padding: 0; } | ||
| .infobox .infobox-caption { | .infobox .infobox-caption { | ||
|    padding: . |    padding: 0.35em 0.6em 0.45em;   /* компактнее подпись */ | ||
|    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace; |    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace; | ||
|    font-weight: 600;  |    font-weight: 600; | ||
|    color: #111; |    color: #111; | ||
| } | } | ||
| /* Лейбл слева (без  | /* Лейбл слева (без фона и двоеточий) */ | ||
| .infobox .infobox-label { | .infobox .infobox-label { | ||
|    background: transparent; |    background: transparent; | ||
|    font-weight: 700; |    font-weight: 700; | ||
|    text-align: left;  |    text-align: left; | ||
|    width: 42%; |    width: 42%; | ||
|    color: #131313; |    color: #131313; | ||
|    padding: . |    padding: 0.22em 0.5em;          /* меньше вертикальные отступы */ | ||
|    white-space: normal; |    white-space: normal; | ||
|   border: 0; | |||
| } | } | ||
| /* Значение справа — уважаем  | /* Значение справа — уважаем \n внутри параметров */ | ||
| .infobox .infobox-data, | .infobox .infobox-data, | ||
| .infobox .infobox-full-data { | .infobox .infobox-full-data { | ||
|    padding: . |    padding: 0.22em 0.5em;          /* меньше вертикальные отступы */ | ||
|    white-space: pre-line;          /* переносы из вики-разметки */ | |||
|    white-space: pre-line;  |    line-height: 1.28;              /* ещё плотнее строки в значении */ | ||
|    line-height: 1. |   border: 0; | ||
| /*  | |||
| } | } | ||
| /*  | /* Убираем лишние бордеры строк/ячеек */ | ||
| .infobox .infobox | .infobox tr, .infobox th, .infobox td { border: 0; } | ||
| } | |||
Latest revision as of 13:37, 8 August 2025
/* ========== 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; }