Шаблон:OnyxSS14 Рамочка: различия между версиями

← Предыдущая правка Следующая правка →

ВизуальныйВики-текст

Версия от 22:14, 12 сентября 2026

Название

свернуть

Какое-то содержание

@@ Строка 1: / Строка 1: @@
-/* Основные стили рамки */
+<templatestyles src="Шаблон:Рамочка/style.css" />
-.рамка {
+<div class="{{#ifeq: {{{Скрываемое_содержание|да}}} | нет || mw-collapsible }} рамка{{#ifeq: {{{Скрыто_по_умолчанию|}}} | да | mw-collapsed }}" style="{{#if: {{{Цвет_карточки|}}} | border-color: {{{Цвет_карточки}}}; | }}{{#if: {{{Цвет_фона|}}} | background: {{{Цвет_фона}}}; | }}{{#if: {{{Отступ_снаружи|}}} | margin: {{{Отступ_снаружи}}}; | }}">
-    display: flex;
+     <div class="{{#ifeq: {{{Скрываемое_содержание|да}}} | нет || mw-collapsible-toggle }} рамка-заголовок" style="{{#if: {{{Цвет_заголовка|}}} | background-color: {{{Цвет_заголовка}}}; | }}">
-    flex-direction: column;
+        <div class="рамка-заголовок-контент">
-    max-width: 100%;
+{{#if: {{{Картинка|}}} | <div style="flex:0 0 auto;display:flex;align-items:center;justify-content:center;max-width:32px;max-height:32px;line-height:0;overflow:hidden;">{{{Картинка}}}</div> }}
-    min-width: 300px;
+            <div class="рамка-название" style="{{#if: {{{Название_выравнивание|}}} | text-align: {{{Название_выравнивание}}}; | }}">{{{Название|Название}}}</div>
-    width: 100%;
+{{#ifeq: {{{Скрываемое_содержание|да}}} | нет || <span class="mw-collapsible-text рамка-кнопка">свернуть</span> }}
-    margin: 0.5em 0 5px 0;
+        </div>
-    border: 1px solid #465298;
+     </div>
-    padding: 2px;
+     <div class="{{#ifeq: {{{Скрываемое_содержание|да}}} | нет || mw-collapsible-content }} рамка-содержимое"{{#if: {{{Содержимое_отступ|}}} | style="padding: {{{Содержимое_отступ}}};" | }}>
-    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;
-     }
-}