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

Материал из МК14 | Space Station 14 Wiki
ВизуальныйВики-текст
Нет описания правки
Нет описания правки
 
(не показано 18 промежуточных версий этого же участника)
Строка 1: Строка 1:
<includeonly>
<includeonly>
<div style="display:flex; flex-direction:column; width:100%; height:100%; background:#222; border-radius:10px; box-shadow:8px 8px 12px rgba(0,0,0,0.4), inset 2px 2px 4px rgba(255,255,255,0.12), inset -2px -2px 4px rgba(0,0,0,0.5); overflow:hidden; color:#fff; font-family:Arial,sans-serif; box-sizing:border-box;">
<div style="
    display:inline-flex;
    vertical-align:top;
    flex-direction:column;
    background:#171B22;
    border:1px solid #FFFFFF;
    box-sizing:border-box;
    overflow:hidden;
    color:#FFFFFF;
    font-family:Arial,sans-serif;
    margin:4px;
    width:auto;
    max-width:350px;
">


<!-- НАЗВАНИЕ -->
<!-- НАЗВАНИЕ -->
<div style="background:#1b1b1b; min-height:42px; display:flex; align-items:center; justify-content:center; padding:0 12px; box-sizing:border-box; box-shadow:inset 0 1px 2px rgba(255,255,255,0.06), inset 0 -2px 3px rgba(0,0,0,0.45); border-bottom:1px solid rgba(255,255,255,0.04);">
<div style="
 
    min-height:28px;
<div style="font-size:18px; font-weight:bold; color:#eee; text-align:center; line-height:22px;">
    background:#202632;
{{{title|Рецепт}}}
    display:flex;
</div>
    align-items:center;
 
    justify-content:center;
    padding:3px 10px;
    box-sizing:border-box;
    border-bottom:1px solid #FFFFFF;
">
    <div style="
        font-size:14px;
        font-weight:bold;
        color:#FFFFFF;
        text-align:center;
        line-height:18px;
    ">{{{title|Рецепт}}}
    </div>
</div>
</div>


<!-- ОСНОВНАЯ ЧАСТЬ -->
<!-- ОСНОВНАЯ ЧАСТЬ -->
<div style="display:flex; flex-direction:column; flex:1; align-items:center; justify-content:center; padding:12px 12px 14px; box-sizing:border-box;">
<div style="
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    padding:12px;
    box-sizing:border-box;
    flex-wrap:nowrap;
">


<!-- ИНГРЕДИЕНТЫ -->
<!-- ИНГРЕДИЕНТЫ -->
<div style="display:flex; width:100%; align-items:flex-start; justify-content:center; gap:10px; flex-wrap:wrap;">
<div style="
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
    min-width:0;
    max-width:200px;
">


<!-- ИНГРЕДИЕНТ 1 -->
<!-- ИНГРЕДИЕНТ 1 -->
{{#if:{{{ingredient1_name|}}}|
{{#if:{{{ingredient1_name|}}}|
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
    display:flex;
[[File:{{{ingredient1_img}}}|40px]]
    flex-direction:column;
</div>
    align-items:center;
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
    width:70px;
{{{ingredient1_name}}}{{#if:{{{ingredient1_amount|}}}|&nbsp;[{{{ingredient1_amount}}}]|}}
">
</div>
    <div style="
        width:58px;
        height:58px;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:hidden;
    ">[[File:{{{ingredient1_img}}}|46px]]
    </div>
    <div style="
        font-size:12px;
        color:#FFFFFF;
        text-align:center;
        margin-top:5px;
        line-height:16px;
    ">{{{ingredient1_name}}}{{#if:{{{ingredient1_amount|}}}|&nbsp;[{{{ingredient1_amount}}}]|}}
    </div>
</div>
</div>
|}}
|}}
Строка 31: Строка 88:
<!-- ИНГРЕДИЕНТ 2 -->
<!-- ИНГРЕДИЕНТ 2 -->
{{#if:{{{ingredient2_name|}}}|
{{#if:{{{ingredient2_name|}}}|
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
    display:flex;
[[File:{{{ingredient2_img}}}|40px]]
    flex-direction:column;
</div>
    align-items:center;
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
    width:70px;
{{{ingredient2_name}}}{{#if:{{{ingredient2_amount|}}}|&nbsp;[{{{ingredient2_amount}}}]|}}
">
</div>
    <div style="
        width:58px;
        height:58px;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:hidden;
    ">[[File:{{{ingredient2_img}}}|46px]]
    </div>
    <div style="
        font-size:12px;
        color:#FFFFFF;
        text-align:center;
        margin-top:5px;
        line-height:16px;
    ">{{{ingredient2_name}}}{{#if:{{{ingredient2_amount|}}}|&nbsp;[{{{ingredient2_amount}}}]|}}
    </div>
</div>
</div>
|}}
|}}
Строка 43: Строка 116:
<!-- ИНГРЕДИЕНТ 3 -->
<!-- ИНГРЕДИЕНТ 3 -->
{{#if:{{{ingredient3_name|}}}|
{{#if:{{{ingredient3_name|}}}|
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
    display:flex;
[[File:{{{ingredient3_img}}}|40px]]
    flex-direction:column;
</div>
    align-items:center;
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
    width:70px;
{{{ingredient3_name}}}{{#if:{{{ingredient3_amount|}}}|&nbsp;[{{{ingredient3_amount}}}]|}}
">
</div>
    <div style="
        width:58px;
        height:58px;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:hidden;
    ">[[File:{{{ingredient3_img}}}|46px]]
    </div>
    <div style="
        font-size:12px;
        color:#FFFFFF;
        text-align:center;
        margin-top:5px;
        line-height:16px;
    ">{{{ingredient3_name}}}{{#if:{{{ingredient3_amount|}}}|&nbsp;[{{{ingredient3_amount}}}]|}}
    </div>
</div>
</div>
|}}
|}}
Строка 55: Строка 144:
<!-- ИНГРЕДИЕНТ 4 -->
<!-- ИНГРЕДИЕНТ 4 -->
{{#if:{{{ingredient4_name|}}}|
{{#if:{{{ingredient4_name|}}}|
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
    display:flex;
[[File:{{{ingredient4_img}}}|40px]]
    flex-direction:column;
</div>
    align-items:center;
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
    width:70px;
{{{ingredient4_name}}}{{#if:{{{ingredient4_amount|}}}|&nbsp;[{{{ingredient4_amount}}}]|}}
">
</div>
    <div style="
        width:58px;
        height:58px;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:hidden;
    ">[[File:{{{ingredient4_img}}}|46px]]
    </div>
    <div style="
        font-size:12px;
        color:#FFFFFF;
        text-align:center;
        margin-top:5px;
        line-height:16px;
    ">{{{ingredient4_name}}}{{#if:{{{ingredient4_amount|}}}|&nbsp;[{{{ingredient4_amount}}}]|}}
    </div>
</div>
</div>
|}}
|}}
Строка 67: Строка 172:
<!-- ИНГРЕДИЕНТ 5 -->
<!-- ИНГРЕДИЕНТ 5 -->
{{#if:{{{ingredient5_name|}}}|
{{#if:{{{ingredient5_name|}}}|
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
    display:flex;
[[File:{{{ingredient5_img}}}|40px]]
    flex-direction:column;
</div>
    align-items:center;
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
    width:70px;
{{{ingredient5_name}}}{{#if:{{{ingredient5_amount|}}}|&nbsp;[{{{ingredient5_amount}}}]|}}
">
</div>
    <div style="
</div>
        width:58px;
|}}
        height:58px;
 
        display:flex;
<!-- ИНГРЕДИЕНТ 6 -->
        align-items:center;
{{#if:{{{ingredient6_name|}}}|
        justify-content:center;
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
        overflow:hidden;
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
    ">[[File:{{{ingredient5_img}}}|46px]]
[[File:{{{ingredient6_img}}}|40px]]
    </div>
</div>
    <div style="
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
        font-size:12px;
{{{ingredient6_name}}}{{#if:{{{ingredient6_amount|}}}|&nbsp;[{{{ingredient6_amount}}}]|}}
        color:#FFFFFF;
</div>
        text-align:center;
</div>
        margin-top:5px;
|}}
        line-height:16px;
 
    ">{{{ingredient5_name}}}{{#if:{{{ingredient5_amount|}}}|&nbsp;[{{{ingredient5_amount}}}]|}}
<!-- ИНГРЕДИЕНТ 7 -->
    </div>
{{#if:{{{ingredient7_name|}}}|
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient7_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient7_name}}}{{#if:{{{ingredient7_amount|}}}|&nbsp;[{{{ingredient7_amount}}}]|}}
</div>
</div>
|}}
 
<!-- ИНГРЕДИЕНТ 8 -->
{{#if:{{{ingredient8_name|}}}|
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient8_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient8_name}}}{{#if:{{{ingredient8_amount|}}}|&nbsp;[{{{ingredient8_amount}}}]|}}
</div>
</div>
|}}
 
<!-- ИНГРЕДИЕНТ 9 -->
{{#if:{{{ingredient9_name|}}}|
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient9_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient9_name}}}{{#if:{{{ingredient9_amount|}}}|&nbsp;[{{{ingredient9_amount}}}]|}}
</div>
</div>
|}}
 
<!-- ИНГРЕДИЕНТ 10 -->
{{#if:{{{ingredient10_name|}}}|
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient10_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient10_name}}}{{#if:{{{ingredient10_amount|}}}|&nbsp;[{{{ingredient10_amount}}}]|}}
</div>
</div>
|}}
 
<!-- ИНГРЕДИЕНТ 11 -->
{{#if:{{{ingredient11_name|}}}|
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient11_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient11_name}}}{{#if:{{{ingredient11_amount|}}}|&nbsp;[{{{ingredient11_amount}}}]|}}
</div>
</div>
|}}
 
<!-- ИНГРЕДИЕНТ 12 -->
{{#if:{{{ingredient12_name|}}}|
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient12_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient12_name}}}{{#if:{{{ingredient12_amount|}}}|&nbsp;[{{{ingredient12_amount}}}]|}}
</div>
</div>
</div>
|}}
|}}
Строка 164: Строка 201:


<!-- СПОСОБ ПРИГОТОВЛЕНИЯ -->
<!-- СПОСОБ ПРИГОТОВЛЕНИЯ -->
<div style="display:flex; flex-direction:column; align-items:center; justify-content:center; flex-shrink:0; min-width:90px; margin-top:12px;">
<div style="
 
    display:flex;
<div style="width:60px; height:60px; display:flex; align-items:center; justify-content:center; margin:3px 0; overflow:hidden;">
    flex-direction:column;
[[File:{{{method_img|Microwave.gif}}}|64px]]
    align-items:center;
</div>
    justify-content:center;
 
    flex-shrink:0;
<div style="font-size:17px; font-weight:bold; line-height:20px; text-align:center;">
    min-width:70px;
{{{method_name|Приготовление}}}{{#if:{{{method_time|}}}|<br>{{{method_time}}}|}}
    border-left:1px solid #FFFFFF;
</div>
    padding-left:10px;
 
">
</div>
 
<!-- РЕАГЕНТЫ -->
{{#if:{{{reagent1_name|}}}|
<div style="display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:14px; width:100%;">
 
{{#if:{{{reagent1_name|}}}|
<div style="font-size:13px; color:#bbb; text-align:center;">
{{{reagent1_name}}}{{#if:{{{reagent1_amount|}}}|&nbsp;[{{{reagent1_amount}}}]|}}
</div>
|}}
 
{{#if:{{{reagent2_name|}}}|
<div style="font-size:13px; color:#bbb; text-align:center;">
{{{reagent2_name}}}{{#if:{{{reagent2_amount|}}}|&nbsp;[{{{reagent2_amount}}}]|}}
</div>
|}}
 
{{#if:{{{reagent3_name|}}}|
<div style="font-size:13px; color:#bbb; text-align:center;">
{{{reagent3_name}}}{{#if:{{{reagent3_amount|}}}|&nbsp;[{{{reagent3_amount}}}]|}}
</div>
|}}


{{#if:{{{reagent4_name|}}}|
<!-- АВТОМАТИЧЕСКАЯ КАРТИНКА МЕТОДА (с fallback) -->
<div style="font-size:13px; color:#bbb; text-align:center;">
<div style="
{{{reagent4_name}}}{{#if:{{{reagent4_amount|}}}|&nbsp;[{{{reagent4_amount}}}]|}}
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
">{{#switch:{{{method_name|}}}
|Микроволновка={{#ifexist:File:Microwave.gif|[[File:Microwave.gif|60px]]|[[File:Microwave.png|60px]]}}
|Смешивание={{#ifexist:File:Beaker.png|[[File:Beaker.png|60px]]|[[File:Beaker.gif|60px]]}}
|Нож={{#ifexist:File:Knife.png|[[File:Knife.png|60px]]|[[File:Knife.gif|60px]]}}
|Скалка={{#ifexist:File:RollingPin.png|[[File:RollingPin.png|60px]]|[[File:RollingPin.gif|60px]]}}
|#default=[[File:Microwave.gif|60px]]
}}
</div>
</div>
|}}


{{#if:{{{reagent5_name|}}}|
<div style="
<div style="font-size:13px; color:#bbb; text-align:center;">
    font-size:13px;
{{{reagent5_name}}}{{#if:{{{reagent5_amount|}}}|&nbsp;[{{{reagent5_amount}}}]|}}
    font-weight:bold;
    line-height:17px;
    text-align:center;
    color:#FFFFFF;
    margin-top:4px;
">{{{method_name|Приготовление}}}{{#if:{{{method_time|}}}|<br>{{{method_time}}}|}}
</div>
</div>
|}}


{{#if:{{{reagent6_name|}}}|
<div style="font-size:13px; color:#bbb; text-align:center;">
{{{reagent6_name}}}{{#if:{{{reagent6_amount|}}}|&nbsp;[{{{reagent6_amount}}}]|}}
</div>
</div>
|}}
</div>
|}}


<!-- РЕЗУЛЬТАТ -->
<!-- РЕЗУЛЬТАТ -->
<div style="display:flex; align-items:flex-start; justify-content:center; margin-top:12px;">
<div style="
 
    display:flex;
<div style="display:flex; flex-direction:column; align-items:center; width:90px;">
    align-items:flex-start;
 
    justify-content:center;
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
    border-left:1px solid #FFFFFF;
[[File:{{{result_img}}}|40px]]
    padding-left:10px;
</div>
">
 
    <div style="
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
        display:flex;
{{{result_name|Результат}}}
        flex-direction:column;
</div>
        align-items:center;
 
        width:75px;
</div>
    ">
        <div style="
            width:58px;
            height:58px;
            display:flex;
            align-items:center;
            justify-content:center;
            overflow:hidden;
        ">[[File:{{{result_img}}}|46px]]
        </div>


        <div style="
            font-size:12px;
            color:#FFFFFF;
            text-align:center;
            margin-top:5px;
            line-height:16px;
        ">{{{result_name|Результат}}}
        </div>
    </div>
</div>
</div>


Текущая версия от 02:46, 14 августа 2026

Источник — https://wiki.deadspace14.net/index.php?title=Шаблон:Recipe&oldid=30539
Последнее изменение
Эта страница в последний раз была отредактирована 14 августа 2026 в 02:46.