Просмотр кода страницы Шаблон:Recipe Box

<div style="width: 27em; border: 0px solid black;background: hsl(205,25%,15%);border-radius: 0.5em;overflow:hidden;padding: 12px;">
  <div class="target" id="{{{name|Плохой рецепт!}}}">{{anchor|{{{name|Плохой рецепт!}}}}}{{{name|Плохой рецепт!}}}</div>
  <div style="width:100%;padding:1%;margin:0>
<div style="font-size:0.7em">Рецепт</div>
<div style="width:98%;display:flex;flex-direction:line; flex-wrap:wrap; justify-content:space-between;text-align:center;">
{{{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 style="font-size:0.7em">Результат</div>
<div style="width:98%;display:flex;flex-direction:line; flex-wrap:wrap; justify-content:space-between;text-align:center;">
{{{result|{{Result Component|item=Плохой рецепт!}}}}}</div></div>
</div>