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; }