Участник:Kemran2933/box: различия между версиями

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

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

Версия от 20:30, 28 сентября 2026

Готовый код для Шаблон:Procedure. Скопируйте весь исходный код этой страницы в шаблон.

Пример

Пример процедурыПример процедуры

Содержимое процедуры. Нажмите в любом месте заголовка, чтобы раскрыть или свернуть блок.

Первый пункт.
Второй пункт со ссылкой.

Ещё одна процедураЕщё одна процедура

Этот блок раскрывается независимо от первого.

Использование

{{Procedure
|название=Название процедуры
|содержание=Текст процедуры.
* Первый пункт.
* Второй пункт.
}}

Параметры: название (по умолчанию «Процедура») и содержание. Старый параметр палитра можно оставить в вызовах: он не используется. Ширина — 100% родительского блока. Раскрытие и сворачивание — HTML-переключатель и CSS, без JavaScript.

@@ Строка 1: / Строка 1: @@
-{{#css:
+<includeonly>{{#css:
-.kemran-box.tabs-togglebox {display:block; width:225px; max-width:100%; margin:8px 0; border:1px solid #2b3139; border-radius:8px; overflow:hidden; background:#191f26; color:#c5c9ce;}
+.ss220-procedure.tabs-togglebox {display:block; box-sizing:border-box; width:100%; max-width:100%; margin:8px 0; border:1px solid #2b3139; border-radius:8px; overflow:hidden; background:#191f26; color:#c5c9ce;}
-.kemran-box.tabs-togglebox > .tabs-container {position:relative; display:grid;  border:0; padding:0; background:transparent;}
+.ss220-procedure.tabs-togglebox > .tabs-container {position:relative; display:grid;  border:0; padding:0; background:transparent;}
-.kemran-box.tabs-togglebox > .tabs-container > .tabs-input {display:block !important; position:absolute; top:0; left:0; width:100%; height:27px; margin:0; padding:0; opacity:0; z-index:2; cursor:pointer;}
+.ss220-procedure.tabs-togglebox > .tabs-container > .tabs-input {display:block !important; position:absolute; top:0; left:0; width:100%; height:27px; margin:0; padding:0; opacity:0; z-index:2; cursor:pointer;}
-.kemran-box.tabs-togglebox > .tabs-container > .tabs-label {display:flex; align-items:center; gap:7px; box-sizing:border-box; width:100%; min-height:27px; margin:0; padding:4px 9px; border:0; border-radius:0; background:transparent; color:inherit; font:700 12px/18px Roboto,Arial,sans-serif; cursor:pointer; user-select:none;}
+.ss220-procedure.tabs-togglebox > .tabs-container > .tabs-label {display:flex; align-items:center; gap:7px; box-sizing:border-box; width:100%; min-height:27px; margin:0; padding:4px 9px; border:0; border-radius:0; background:transparent; color:inherit; font:700 12px/18px Roboto,Arial,sans-serif; cursor:pointer; user-select:none;}
-.kemran-box .tabs-label::before {content:""; width:5px; height:5px; flex:none; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-45deg); transition:transform .25s ease;}
+.ss220-procedure .tabs-label::before {content:""; width:5px; height:5px; flex:none; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-45deg); transition:transform .25s ease;}
-.kemran-box .tabs-input:checked + .tabs-label::before {transform:rotate(45deg);}
+.ss220-procedure .tabs-input:checked + .tabs-label::before {transform:rotate(45deg);}
-.kemran-box.tabs-togglebox .tabs-input:checked + .tabs-label .tabs-open, .kemran-box .tabs-label .tabs-open {display:inline !important;}
+.ss220-procedure.tabs-togglebox .tabs-input:checked + .tabs-label .tabs-open, .ss220-procedure .tabs-label .tabs-open {display:inline !important;}
-.kemran-box .tabs-label .tabs-close {display:none;}
+.ss220-procedure .tabs-label .tabs-close {display:none;}
-.kemran-box .tabs-input:focus + .tabs-label {outline:2px solid #88b8e8; outline-offset:-3px;}
+.ss220-procedure .tabs-input:focus + .tabs-label {outline:none; box-shadow:none;}
-.kemran-box.tabs-togglebox > .tabs-container > .tabs-content {display:grid; grid-template-rows:0fr; min-height:0; height:auto; max-height:none; overflow:hidden; margin:0; padding:0; border:0; opacity:0; visibility:hidden; transition:grid-template-rows .25s ease, opacity .25s ease, visibility .25s ease;}
+.ss220-procedure.tabs-togglebox > .tabs-container > .tabs-content {display:grid; grid-template-rows:0fr; min-height:0; height:auto; max-height:none; overflow:hidden; margin:0; padding:0; border:0; opacity:0; visibility:hidden; transition:grid-template-rows .25s ease, opacity .25s ease, visibility .25s ease;}
-.kemran-box.tabs-togglebox > .tabs-container > .tabs-input:checked ~ .tabs-content {grid-template-rows:1fr; opacity:1; visibility:visible;}
+.ss220-procedure.tabs-togglebox > .tabs-container > .tabs-input:checked ~ .tabs-content {grid-template-rows:1fr; opacity:1; visibility:visible;}
-.kemran-box .kemran-box-body {min-height:0; overflow:hidden;}
+.ss220-procedure .ss220-procedure-body {min-height:0; overflow:hidden;}
-.kemran-box .kemran-box-inner {border-top:2px solid #405a75; padding:8px 6px;}
+.ss220-procedure .ss220-procedure-inner {border-top:2px solid #405a75; padding:12px 14px; line-height:1.5;}
-.kemran-box .kemran-box-body ul {display:flex; flex-direction:column; gap:5px; margin:0; padding:0; list-style:none;}
+@media (prefers-reduced-motion:reduce) {.ss220-procedure.tabs-togglebox > .tabs-container, .ss220-procedure.tabs-togglebox > .tabs-container > .tabs-content, .ss220-procedure .tabs-label::before {transition:none;}
-.kemran-box .kemran-box-body li {margin:0 !important; padding:0;}
-.kemran-box .kemran-box-body a {display:block; padding:3px 5px; border-radius:3px; background:#405a75; color:#fff; font:700 12px/17px Roboto,Arial,sans-serif; text-decoration:none;}
-.kemran-box .kemran-box-body a:hover {filter:brightness(1.15);}
-@media (prefers-reduced-motion:reduce) {.kemran-box.tabs-togglebox > .tabs-container, .kemran-box.tabs-togglebox > .tabs-container > .tabs-content, .kemran-box .tabs-label::before {transition:none;}
 }
 }}
-<tab class="kemran-box" name="Вики" collapsed>
+{{#tag:tab|
-<div class="kemran-box-body"><div class="kemran-box-inner">
+<div class="ss220-procedure-body"><div class="ss220-procedure-inner">
-* [[Новичкам]]
+{{{содержание|}}}
-* [[Правила]]
-* [[Космический Закон]]
-* [[Регламент применения силы (ROE)|Регламент применения силы(ROE)]]
-* [[Бумажная работа]]
-* [[Рецепты и гайды]]
 </div></div>
-</tab>
+|class=ss220-procedure
+|name={{{название|Процедура}}}
+|collapsed=collapsed
+}}</includeonly><noinclude>
+Готовый код для [[Шаблон:Procedure]]. Скопируйте весь исходный код этой страницы в шаблон.
+== Пример ==
+{{:{{FULLPAGENAME}}
+|название=Пример процедуры
+|содержание=Содержимое процедуры. Нажмите в любом месте заголовка, чтобы раскрыть или свернуть блок.
+* Первый пункт.
+* Второй пункт со [[Новичкам|ссылкой]].
+}}
+{{:{{FULLPAGENAME}}
+|название=Ещё одна процедура
+|содержание=Этот блок раскрывается независимо от первого.
+}}
+== Использование ==
+<syntaxhighlight lang="wikitext">
+{{Procedure
+|название=Название процедуры
+|содержание=Текст процедуры.
+* Первый пункт.
+* Второй пункт.
+}}
+</syntaxhighlight>
+Параметры: <code>название</code> (по умолчанию «Процедура») и <code>содержание</code>. Старый параметр <code>палитра</code> можно оставить в вызовах: он не используется. Ширина — 100% родительского блока. Раскрытие и сворачивание — HTML-переключатель и CSS, без JavaScript.
+</noinclude>