8,972
edits
Template:Infobox/styles.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
(Created page with "→* Infobox stylesheet for 3rd parties who use [[Module:Infobox]] * and don't have to worry about manual classes lying around (most of you): .infobox { border: 2px solid #C14424; border-spacing: 3px; border-radius: 5px 5px; background-color: #EFE9DE; color: black; →@noflip: margin: 0.5em 0 0.5em 1em; padding: 0.2em; →@noflip: float: right; →@noflip: clear: right; font-size: 88%; line-height: 1.5em; width: 22em; } /* * not strictly certa...") |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| 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-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 .infobox-label { | |||
background: transparent; | |||
font-weight: 700; | |||
text-align: left; | |||
width: 42%; | |||
color: #131313; | |||
padding: 0.22em 0.5em; /* меньше вертикальные отступы */ | |||
white-space: normal; | |||
border: 0; | |||
} | } | ||
.infobox . | /* Значение справа — уважаем \n внутри параметров */ | ||
.infobox .infobox-data, | |||
.infobox .infobox-full-data { | |||
padding: 0.22em 0.5em; /* меньше вертикальные отступы */ | |||
white-space: pre-line; /* переносы из вики-разметки */ | |||
line-height: 1.28; /* ещё плотнее строки в значении */ | |||
border: 0; | |||
} | } | ||
.infobox | /* Убираем лишние бордеры строк/ячеек */ | ||
.infobox tr, .infobox th, .infobox td { border: 0; } | |||
} | |||