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

← Предыдущая правка

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

@@ Строка 1: / Строка 1: @@
-<includeonly>{| style="background:#22252a; border:1px solid #14181f; border-radius:4px; width:100%; margin-bottom:15px; color:#e6edf3; text-align:left; box-sizing:border-box;"
+<includeonly><div id="{{{id|}}}" class="recipe-card" style="background:#22252a; border:1px solid #14181f; border-radius:4px; color:#e6edf3; font-family:sans-serif; display:flex; flex-direction:column; width:100%; box-sizing:border-box; height:100%;">
-! style="background:{{{цвет|#363b46}}}; color:#fff; text-align:center; padding:8px; font-size:14px;" | [[Файл:{{{иконка}}}|32px]] {{{название}}}
+<div style="background:{{{цвет|#363b46}}}; padding:10px; text-align:center; color:#fff; font-weight:bold; font-size:14px; display:flex; align-items:center; justify-content:center; gap:8px;">
-|-
+{{{иконка|🍲}}} {{{название}}}
-| style="padding:0;" |
+</div>
-<div class="mw-collapsible mw-collapsed">
+<div class="mw-collapsible mw-collapsed" data-expandtext="Развернуть" data-collapsetext="Свернуть" style="margin:0; padding:0; flex-grow:1;">
-<div style="background:#2a3446; color:#8ab4f8; padding:8px; font-weight:bold; text-align:center; cursor:pointer; font-size:13px;">Рецепт [развернуть]</div>
 <div class="mw-collapsible-content" style="padding:10px; border-top:1px solid #14181f; background:#22252a;">
-<div style="color:#a0aab5; font-size:12px; text-transform:uppercase; margin-bottom:5px; font-weight:bold;">Реагенты</div>
+<div style="color:#a0aab5; font-size:11px; text-transform:uppercase; margin-bottom:8px; font-weight:bold; letter-spacing:1px;">Реагенты</div>
-<div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:10px;">{{{ингредиенты}}}</div>
+<div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">{{{ингредиенты}}}</div>
-<div style="text-align:center; margin:10px 0; color:#a0aab5; font-size:13px;">[[Файл:{{{действие_иконка}}}|24px]] {{{действие_текст}}}</div>
+<div style="text-align:center; margin:10px 0; color:#a0aab5; font-size:12px; padding:5px; background:#1a1d24; border-radius:4px; border:1px solid #14181f;">{{{действие_иконка|⏱️}}} {{{действие_текст}}}</div>
-<div style="color:#a0aab5; font-size:12px; text-transform:uppercase; margin-bottom:5px; font-weight:bold;">Результат</div>
+<div style="color:#a0aab5; font-size:11px; text-transform:uppercase; margin-bottom:8px; font-weight:bold; letter-spacing:1px;">Результат</div>
 <div style="display:flex; flex-wrap:wrap; gap:5px;">{{{результат}}}</div>
 </div>
 </div>
-|}
+</div></includeonly>
-</includeonly>

Текущая версия от 00:07, 21 октября 2026