|
|
| (не показано 14 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| /* Основные стили рамки */ | | <templatestyles src="Шаблон:Рамочка/style.css" /> |
| .рамка {
| | <div class="{{#ifeq: {{{Скрываемое_содержание|да}}} | нет || mw-collapsible }} рамка {{#ifeq: {{{Скрыто_по_умолчанию|}}} | да | mw-collapsed }}" style="border: 1px solid {{{Цвет_карточки|#727272}}};"> |
| display: flex;
| | <div class="{{#ifeq: {{{Скрываемое_содержание|да}}} | нет || mw-collapsible-toggle }} рамка-заголовок" style="background-color: {{{Цвет_заголовка|#727272}}};"> |
| flex-direction: column;
| | <div class="рамка-заголовок-контент"> |
| max-width: 100%;
| | {{#if: {{{Картинка|}}} | {{{Картинка}}} }} |
| min-width: 300px;
| | <p class="рамка-название" style="text-align: {{{Название_выравнивание|left}}}">{{{Название|Название}}}</p> |
| width: 100%;
| | {{#ifeq: {{{Скрываемое_содержание|да}}} | нет || <div class="mw-collapsible-toggle mw-collapsible-toggle-default"><span class="mw-collapsible-text рамка-кнопка"></span></div> }} |
| margin: 0.5em 0 5px 0;
| | </div> |
| border: 1px solid #465298;
| | </div> |
| padding: 2px; | | <div class="{{#ifeq: {{{Скрываемое_содержание|да}}} | нет || mw-collapsible-content }} рамка-содержимое" style="padding: {{{Содержимое_отступ|2px 1px;}}} !important"> |
| border-radius: 3px;
| | {{{Содержание|Какое-то содержание}}} |
| box-sizing: border-box;
| | </div> |
| overflow: hidden;
| | </div> |
| } | |
| | |
| .рамка .wikitable {
| |
| margin: 0 !important;
| |
| } | |
| | |
| /* Заголовок рамки */
| |
| .рамка-заголовок {
| |
| background-color: #465298;
| |
| border-radius: 3px;
| |
| text-align: center;
| |
| cursor: pointer;
| |
| line-height: 1;
| |
| }
| |
| | |
| .рамка-заголовок-контент {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: center;
| |
| text-align: left;
| |
| margin: 0 6px;
| |
| line-height: 1;
| |
| min-height: 0;
| |
| } | |
| | |
| .рамка-название {
| |
| margin: 3px 0; /* было 6px — уменьшено, отсюда и высота */
| |
| color: #fff;
| |
| flex-grow: 1;
| |
| line-height: 1.3;
| |
| font-size: 0.95em;
| |
| } | |
| | |
| /* Кнопка сворачивания — компактная, символ вместо текста */
| |
| .рамка-кнопка {
| |
| color: #fff;
| |
| cursor: pointer;
| |
| font-size: 0 !important;
| |
| display: inline-flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| width: 14px;
| |
| height: 14px;
| |
| padding: 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;
| |
| align-self: center;
| |
| 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;
| |
| min-height: 0;
| |
| } | |
| | |
| .mw-collapsible-text {
| |
| font-size: 0.9em;
| |
| line-height: 1;
| |
| }
| |
| | |
| @media screen and (max-width: 751px) {
| |
| .рамка {
| |
| min-width: 0;
| |
| } | |
| }
| |
