Шаблон:Recipe Box: различия между версиями

Интерактивная навигация по истории

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

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

@@ Строка 1: / Строка 1: @@
-<noinclude>[[Категория:рецепты]]</noinclude>
+<div style="background:rgba(var(--theme-color-lighter--rgb), 0.025); border-radius:var(--border-radius-high); overflow:hidden;">
-<div style="width: 32em; border: 1px solid #303038; background: #27272e; display: flex; flex-direction: column; border-radius: 0.5em;">
+{{ModernFrame
-  <div
+|title={{anchor|{{{name|Плохой рецепт!}}}}}{{{name|Плохой рецепт!}}}
-  style="text-align: center; border-bottom: 1px solid #303038; background: #1b1b1f; border-radius: 0.4em;">{{{name|Плохой рецепт!}}}</div>
+|content=
-   <div style="display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center">
+   <div style="width:100%; padding:1%; margin:0>
+<div style="font-size:0.7em">'''Рецепт'''</div>
-    <div style="width: 14em; display: flex; align-items: center; justify-content: left;"> <!-- ввод -->
+<div style="display:flex; flex-direction:line; flex-wrap:wrap; justify-content:space-between; text-align:center;">
-      <div style="width: 8em; display: flex; flex-direction: row; background: #27272e; padding: 0 0.5em; margin-top: 0; margin-bottom: 0;">
+{{{component-1|{{Recipe Component|item=Плохой рецепт!}}}}}{{{component-2|}}}{{{component-3|}}}{{{component-4|}}}{{{component-5|}}}{{{component-6|}}}{{{component-7|}}}{{{component-8|}}}{{{component-9|}}}
-        {{{component-1|{{Recipe Component|item=Плохой рецепт!}}}}}{{{component-2|}}}{{{component-3|}}}{{{component-4|}}}{{{component-5|}}}{{{component-6|}}}{{{component-7|}}}{{{component-8|}}}{{{component-9|}}}
+</div>{{{transformer|'''Неизвестный процесс'''}}}</div><div style="width:100%; padding:1%; margin:0>
-      </div>
+<div style="font-size:0.7em;">'''Результат'''</div>
-    </div>
+<div style="display:flex; flex-direction:line; flex-wrap:wrap; justify-content:space-between; text-align:center;">
+{{{result|{{Result Component|item=Плохой рецепт!}}}}}</div></div>
-    <div style="padding: 0.5em; width: 20%;"> <!-- процесс -->
+}}
-      {{{transformer|'''Неизвестный процесс'''}}}
-    </div>
-    <div style="width: 14em; display: flex; align-items: center; justify-content: center;"> <!-- вывод -->
-      <div style="width: 8em; display: flex; flex-direction: row; background: #27272e; padding: 0 0.5em; margin-top: 0; margin-bottom: 0;">
-        {{{result|{{Recipe Component|item=Плохой рецепт!}}}}}
-      </div>
-    </div>
-  </div>
 </div>