Шаблон:Рамочка/style.css
Материал из SpaceOnyx
Дополнительные действия
/* Основные стили рамки */
.рамка {
display: flex;
flex-direction: column;
max-width: 100%;
min-width: 300px;
width: 100%;
margin: 0.5em 0 5px 0;
border: 1px solid #465298;
padding: 2px;
border-radius: 3px;
box-sizing: border-box;
overflow: hidden;
}
.рамка .wikitable {
margin: 0 !important;
}
/* Заголовок рамки — здесь единственное реальное место отступов сверху/снизу */
.рамка-заголовок {
background-color: #465298;
border-radius: 3px;
text-align: center;
cursor: pointer;
padding: 3px 6px; /* ← 3px сверху и снизу, 6px по бокам. Это и есть «небольшие отступы» */
line-height: 1;
}
.рамка-заголовок-контент {
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
margin: 0; /* ← убрано «0 6px». Горизонталь теперь в padding заголовка */
line-height: 1;
min-height: 0;
}
.рамка-название {
margin: 0; /* ← было 6px 0 — теперь 0 */
padding: 0;
color: #fff;
flex-grow: 1;
line-height: 1; /* ← было 1.3 — теперь 1. Это убирает внутренний зазор строчного бокса */
font-size: 0.95em; /* ← можно вернуть 1em, если хочешь крупнее — высота почти не изменится */
}
/* Кнопка сворачивания */
.рамка-кнопка {
color: #fff;
cursor: pointer;
font-size: 0 !important;
display: inline-flex;
align-items: center;
justify-content: center;
width: 14px;
height: 14px;
padding: 0;
margin: 0;
background: transparent;
border-radius: 2px;
text-decoration: none !important;
user-select: none;
line-height: 1;
box-sizing: border-box;
vertical-align: middle;
flex: 0 0 auto;
transition: background 0.15s ease;
}
.рамка-кнопка:hover {
background: rgba(0, 0, 0, 0.22);
}
.рамка-кнопка::before {
font-size: 10px;
line-height: 1;
color: #fff;
display: block;
}
/* Развёрнуто — стрелка вниз */
.рамка:not(.mw-collapsed) .рамка-кнопка::before {
content: "▼";
}
/* Свёрнуто — стрелка влево */
.рамка.mw-collapsed .рамка-кнопка::before {
content: "◀";
}
/* Содержимое рамки */
.рамка-содержимое {
padding: 5px 8px;
display: block;
}
.рамка-содержимое p:first-child {
margin-top: 0;
}
.рамка-содержимое p:last-child {
margin-bottom: 0;
}
/* Стили для MediaWiki collapsible */
.mw-collapsible-toggle {
display: inline-block;
user-select: none;
line-height: 1;
}
.mw-collapsible-text {
font-size: 0.9em;
}
@media screen and (max-width: 751px) {
.рамка {
min-width: 0;
}
}