|
|
| (не показано 20 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| <includeonly> | | <includeonly> |
| <div style="width:100%; margin:20px 0; box-sizing:border-box; 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;"> | | <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="width:100%; min-height:52px; display:flex; align-items:center; justify-content:center; padding:10px 20px; box-sizing:border-box; background:#1b1b1b; 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:22px; font-weight:bold; color:#eee; text-align:center; line-height:26px;"> | | 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="width:100%; padding:20px; 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; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:16px;"> | | <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="flex:0 1 85px; width:85px; min-width:75px; display:flex; flex-direction:column; align-items:center;"> | | <div style=" |
| <div style="width:68px; height:68px; 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}}}|44px]] | | 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|}}}| [{{{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|}}}| [{{{ingredient1_amount}}}]|}} |
| | </div> |
| </div> | | </div> |
| |}} | | |}} |
| Строка 31: |
Строка 88: |
| <!-- ИНГРЕДИЕНТ 2 --> | | <!-- ИНГРЕДИЕНТ 2 --> |
| {{#if:{{{ingredient2_name|}}}| | | {{#if:{{{ingredient2_name|}}}| |
| <div style="flex:0 1 85px; width:85px; min-width:75px; display:flex; flex-direction:column; align-items:center;"> | | <div style=" |
| <div style="width:68px; height:68px; 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}}}|44px]] | | 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|}}}| [{{{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|}}}| [{{{ingredient2_amount}}}]|}} |
| | </div> |
| </div> | | </div> |
| |}} | | |}} |
| Строка 43: |
Строка 116: |
| <!-- ИНГРЕДИЕНТ 3 --> | | <!-- ИНГРЕДИЕНТ 3 --> |
| {{#if:{{{ingredient3_name|}}}| | | {{#if:{{{ingredient3_name|}}}| |
| <div style="flex:0 1 85px; width:85px; min-width:75px; display:flex; flex-direction:column; align-items:center;"> | | <div style=" |
| <div style="width:68px; height:68px; 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}}}|44px]] | | 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|}}}| [{{{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|}}}| [{{{ingredient3_amount}}}]|}} |
| | </div> |
| </div> | | </div> |
| |}} | | |}} |
| Строка 55: |
Строка 144: |
| <!-- ИНГРЕДИЕНТ 4 --> | | <!-- ИНГРЕДИЕНТ 4 --> |
| {{#if:{{{ingredient4_name|}}}| | | {{#if:{{{ingredient4_name|}}}| |
| <div style="flex:0 1 85px; width:85px; min-width:75px; display:flex; flex-direction:column; align-items:center;"> | | <div style=" |
| <div style="width:68px; height:68px; 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}}}|44px]] | | 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|}}}| [{{{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|}}}| [{{{ingredient4_amount}}}]|}} |
| | </div> |
| </div> | | </div> |
| |}} | | |}} |
| Строка 67: |
Строка 172: |
| <!-- ИНГРЕДИЕНТ 5 --> | | <!-- ИНГРЕДИЕНТ 5 --> |
| {{#if:{{{ingredient5_name|}}}| | | {{#if:{{{ingredient5_name|}}}| |
| <div style="flex:0 1 85px; width:85px; min-width:75px; display:flex; flex-direction:column; align-items:center;"> | | <div style=" |
| <div style="width:68px; height:68px; 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}}}|44px]]
| | 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|}}}| [{{{ingredient5_amount}}}]|}}
| | "> |
| </div>
| | <div style=" |
| </div>
| | width:58px; |
| |}}
| | height:58px; |
| | | display:flex; |
| <!-- ИНГРЕДИЕНТ 6 -->
| | align-items:center; |
| {{#if:{{{ingredient6_name|}}}|
| | justify-content:center; |
| <div style="flex:0 1 85px; width:85px; min-width:75px; display:flex; flex-direction:column; align-items:center;">
| | overflow:hidden; |
| <div style="width:68px; height:68px; 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}}}|44px]]
| | </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|}}}| [{{{ingredient6_amount}}}]|}}
| | color:#FFFFFF; |
| </div>
| | text-align:center; |
| </div>
| | margin-top:5px; |
| |}}
| | line-height:16px; |
| | | ">{{{ingredient5_name}}}{{#if:{{{ingredient5_amount|}}}| [{{{ingredient5_amount}}}]|}} |
| <!-- ИНГРЕДИЕНТ 7 -->
| | </div> |
| {{#if:{{{ingredient7_name|}}}|
| |
| <div style="flex:0 1 85px; width:85px; min-width:75px; display:flex; flex-direction:column; align-items:center;"> | |
| <div style="width:68px; height:68px; 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}}}|44px]]
| |
| </div>
| |
| <div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
| |
| {{{ingredient7_name}}}{{#if:{{{ingredient7_amount|}}}| [{{{ingredient7_amount}}}]|}}
| |
| </div>
| |
| </div>
| |
| |}}
| |
| | |
| <!-- ИНГРЕДИЕНТ 8 -->
| |
| {{#if:{{{ingredient8_name|}}}|
| |
| <div style="flex:0 1 85px; width:85px; min-width:75px; display:flex; flex-direction:column; align-items:center;">
| |
| <div style="width:68px; height:68px; 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}}}|44px]] | |
| </div> | |
| <div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;"> | |
| {{{ingredient8_name}}}{{#if:{{{ingredient8_amount|}}}| [{{{ingredient8_amount}}}]|}}
| |
| </div>
| |
| </div>
| |
| |}}
| |
| | |
| <!-- ИНГРЕДИЕНТ 9 -->
| |
| {{#if:{{{ingredient9_name|}}}|
| |
| <div style="flex:0 1 85px; width:85px; min-width:75px; display:flex; flex-direction:column; align-items:center;">
| |
| <div style="width:68px; height:68px; 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}}}|44px]]
| |
| </div>
| |
| <div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
| |
| {{{ingredient9_name}}}{{#if:{{{ingredient9_amount|}}}| [{{{ingredient9_amount}}}]|}}
| |
| </div>
| |
| </div>
| |
| |}}
| |
| | |
| <!-- ИНГРЕДИЕНТ 10 -->
| |
| {{#if:{{{ingredient10_name|}}}|
| |
| <div style="flex:0 1 85px; width:85px; min-width:75px; display:flex; flex-direction:column; align-items:center;">
| |
| <div style="width:68px; height:68px; 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}}}|44px]]
| |
| </div>
| |
| <div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
| |
| {{{ingredient10_name}}}{{#if:{{{ingredient10_amount|}}}| [{{{ingredient10_amount}}}]|}}
| |
| </div> | |
| </div> | | </div> |
| |}} | | |}} |
|
| |
|
| </div> | | </div> |
|
| |
| <!-- РАЗДЕЛИТЕЛЬ -->
| |
| <div style="margin:20px 0; border-top:1px solid rgba(255,255,255,0.08);"></div>
| |
|
| |
|
| <!-- СПОСОБ ПРИГОТОВЛЕНИЯ --> | | <!-- СПОСОБ ПРИГОТОВЛЕНИЯ --> |
| <div style="display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:20px; margin-bottom:20px;"> | | <div style=" |
| | display:flex; |
| | flex-direction:column; |
| | align-items:center; |
| | justify-content:center; |
| | flex-shrink:0; |
| | min-width:70px; |
| | border-left:1px solid #FFFFFF; |
| | padding-left:10px; |
| | "> |
|
| |
|
| <div style="display:flex; align-items:center; justify-content:center; flex-shrink:0; width:72px; height:72px; background:#333; border-radius:10px; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);"> | | <!-- АВТОМАТИЧЕСКАЯ КАРТИНКА МЕТОДА (с fallback) --> |
| | | <div style=" |
| [[File:{{{method_img|Microwave.gif}}}|64px]]
| | width:60px; |
| | | height:60px; |
| </div>
| | display:flex; |
| | | align-items:center; |
| <div style="text-align:center;"> | | justify-content:center; |
| <div style="font-size:18px; font-weight:bold; color:#eee; line-height:22px;">
| | overflow:hidden; |
| {{{method_name|Приготовление}}}
| | ">{{#switch:{{{method_name|}}} |
| </div>
| | |Микроволновка={{#ifexist:File:Microwave.gif|[[File:Microwave.gif|60px]]|[[File:Microwave.png|60px]]}} |
| | | |Смешивание={{#ifexist:File:Beaker.png|[[File:Beaker.png|60px]]|[[File:Beaker.gif|60px]]}} |
| {{#if:{{{method_time|}}}|
| | |Нож={{#ifexist:File:Knife.png|[[File:Knife.png|60px]]|[[File:Knife.gif|60px]]}} |
| <div style="font-size:14px; color:#aaa; margin-top:4px;">
| | |Скалка={{#ifexist:File:RollingPin.png|[[File:RollingPin.png|60px]]|[[File:RollingPin.gif|60px]]}} |
| {{{method_time}}}
| | |#default=[[File:Microwave.gif|60px]] |
| </div>
| | }} |
| |}}
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| <!-- РЕАГЕНТЫ -->
| |
| {{#if:{{{reagent1_name|}}}|
| |
| <div style="margin-bottom:20px;">
| |
| | |
| <div style="font-size:17px; font-weight:bold; color:#eee; text-align:center; margin-bottom:12px;">
| |
| Реагенты
| |
| </div>
| |
| | |
| <div style="display:flex; flex-wrap:wrap; justify-content:center; gap:12px;">
| |
| | |
| <!-- РЕАГЕНТ 1 -->
| |
| {{#if:{{{reagent1_name|}}}| | |
| <div style="display:flex; align-items:center; gap:8px; background:#333; padding:8px 12px; border-radius:8px;">
| |
| {{#if:{{{reagent1_img|}}}|[[File:{{{reagent1_img}}}|28px]]|}}
| |
| <div style="font-size:14px; color:#ddd;">
| |
| {{{reagent1_name}}}{{#if:{{{reagent1_amount|}}}| [{{{reagent1_amount}}}]|}}
| |
| </div>
| |
| </div>
| |
| |}} | |
| | |
| <!-- РЕАГЕНТ 2 -->
| |
| {{#if:{{{reagent2_name|}}}| | |
| <div style="display:flex; align-items:center; gap:8px; background:#333; padding:8px 12px; border-radius:8px;">
| |
| {{#if:{{{reagent2_img|}}}|[[File:{{{reagent2_img}}}|28px]]|}}
| |
| <div style="font-size:14px; color:#ddd;">
| |
| {{{reagent2_name}}}{{#if:{{{reagent2_amount|}}}| [{{{reagent2_amount}}}]|}}
| |
| </div>
| |
| </div> | | </div> |
| |}}
| |
|
| |
|
| <!-- РЕАГЕНТ 3 -->
| | <div style=" |
| {{#if:{{{reagent3_name|}}}|
| | font-size:13px; |
| <div style="display:flex; align-items:center; gap:8px; background:#333; padding:8px 12px; border-radius:8px;"> | | font-weight:bold; |
| {{#if:{{{reagent3_img|}}}|[[File:{{{reagent3_img}}}|28px]]|}}
| | line-height:17px; |
| <div style="font-size:14px; color:#ddd;">
| | text-align:center; |
| {{{reagent3_name}}}{{#if:{{{reagent3_amount|}}}| [{{{reagent3_amount}}}]|}} | | color:#FFFFFF; |
| </div>
| | margin-top:4px; |
| | ">{{{method_name|Приготовление}}}{{#if:{{{method_time|}}}|<br>{{{method_time}}}|}} |
| </div> | | </div> |
| |}}
| |
|
| |
|
| <!-- РЕАГЕНТ 4 -->
| |
| {{#if:{{{reagent4_name|}}}|
| |
| <div style="display:flex; align-items:center; gap:8px; background:#333; padding:8px 12px; border-radius:8px;">
| |
| {{#if:{{{reagent4_img|}}}|[[File:{{{reagent4_img}}}|28px]]|}}
| |
| <div style="font-size:14px; color:#ddd;">
| |
| {{{reagent4_name}}}{{#if:{{{reagent4_amount|}}}| [{{{reagent4_amount}}}]|}}
| |
| </div> | | </div> |
| </div>
| |
| |}}
| |
|
| |
| <!-- РЕАГЕНТ 5 -->
| |
| {{#if:{{{reagent5_name|}}}|
| |
| <div style="display:flex; align-items:center; gap:8px; background:#333; padding:8px 12px; border-radius:8px;">
| |
| {{#if:{{{reagent5_img|}}}|[[File:{{{reagent5_img}}}|28px]]|}}
| |
| <div style="font-size:14px; color:#ddd;">
| |
| {{{reagent5_name}}}{{#if:{{{reagent5_amount|}}}| [{{{reagent5_amount}}}]|}}
| |
| </div>
| |
| </div>
| |
| |}}
| |
|
| |
| <!-- РЕАГЕНТ 6 -->
| |
| {{#if:{{{reagent6_name|}}}|
| |
| <div style="display:flex; align-items:center; gap:8px; background:#333; padding:8px 12px; border-radius:8px;">
| |
| {{#if:{{{reagent6_img|}}}|[[File:{{{reagent6_img}}}|28px]]|}}
| |
| <div style="font-size:14px; color:#ddd;">
| |
| {{{reagent6_name}}}{{#if:{{{reagent6_amount|}}}| [{{{reagent6_amount}}}]|}}
| |
| </div>
| |
| </div>
| |
| |}}
| |
|
| |
| </div>
| |
| </div>
| |
| |}}
| |
|
| |
|
| <!-- РЕЗУЛЬТАТ --> | | <!-- РЕЗУЛЬТАТ --> |
| <div style="display:flex; flex-direction:column; align-items:center; justify-content:center; margin-top:10px;"> | | <div style=" |
| | | display:flex; |
| <div style="font-size:17px; font-weight:bold; color:#eee; margin-bottom:10px;"> | | align-items:flex-start; |
| Результат
| | justify-content:center; |
| </div>
| | border-left:1px solid #FFFFFF; |
| | | padding-left:10px; |
| <div style="width:78px; height:78px; background:#555; border-radius:10px; 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);"> | | "> |
| | | <div style=" |
| [[File:{{{result_img}}}|50px]] | | display:flex; |
| | | flex-direction:column; |
| </div>
| | align-items:center; |
| | | width:75px; |
| <div style="font-size:15px; color:#ddd; text-align:center; margin-top:8px; line-height:19px; font-weight:bold;">
| | "> |
| {{{result_name|Результат}}}
| | <div style=" |
| </div> | | 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> |
|
| |
|
| Строка 262: |
Строка 279: |
| </div> | | </div> |
| </includeonly> | | </includeonly> |
|
| |
| <noinclude>
| |
| __NOTOC__
| |
|
| |
| == Recipe — шаблон рецепта ==
| |
|
| |
| Универсальный шаблон для отображения рецептов.
| |
|
| |
| === Особенности ===
| |
|
| |
| * Рецепт занимает всю доступную ширину страницы.
| |
| * Ингредиенты автоматически переносятся на новые строки.
| |
| * Поддерживается до '''10 твёрдых ингредиентов'''.
| |
| * Поддерживается до '''6 реагентов'''.
| |
| * Изображения и названия ингредиентов автоматически выстраиваются в сетку.
| |
| * На узких экранах элементы переносятся автоматически.
| |
| * Если <code>method_img</code> не указан, используется <code>Microwave.gif</code>.
| |
|
| |
| === Параметры ===
| |
|
| |
| {| class="wikitable"
| |
| ! Параметр !! Описание !! Обязательный
| |
| |-
| |
| | <code>title</code> || Название рецепта || Да
| |
| |-
| |
| | <code>ingredient1_name</code> — <code>ingredient10_name</code> || Название ингредиента || Нет
| |
| |-
| |
| | <code>ingredient1_img</code> — <code>ingredient10_img</code> || Изображение ингредиента || Нет
| |
| |-
| |
| | <code>ingredient1_amount</code> — <code>ingredient10_amount</code> || Количество ингредиента || Нет
| |
| |-
| |
| | <code>reagent1_name</code> — <code>reagent6_name</code> || Название реагента || Нет
| |
| |-
| |
| | <code>reagent1_img</code> — <code>reagent6_img</code> || Изображение реагента || Нет
| |
| |-
| |
| | <code>reagent1_amount</code> — <code>reagent6_amount</code> || Количество реагента || Нет
| |
| |-
| |
| | <code>method_name</code> || Способ приготовления || Да
| |
| |-
| |
| | <code>method_img</code> || Изображение способа приготовления || Нет
| |
| |-
| |
| | <code>method_time</code> || Время приготовления || Нет
| |
| |-
| |
| | <code>result_name</code> || Название результата || Да
| |
| |-
| |
| | <code>result_img</code> || Изображение результата || Да
| |
| |}
| |
|
| |
| === Пример ===
| |
|
| |
| <pre>
| |
| {{Recipe
| |
| |title=Безумный бургер
| |
|
| |
| |ingredient1_name=Булочка
| |
| |ingredient1_img=FoodBreadBun.png
| |
| |ingredient1_amount=1
| |
|
| |
| |ingredient2_name=Мясо
| |
| |ingredient2_img=FoodMeat.png
| |
| |ingredient2_amount=2
| |
|
| |
| |ingredient3_name=Сыр
| |
| |ingredient3_img=FoodCheeseSlice.png
| |
| |ingredient3_amount=2
| |
|
| |
| |ingredient4_name=Перец чили
| |
| |ingredient4_img=FoodChiliPepper.png
| |
| |ingredient4_amount=1
| |
|
| |
| |ingredient5_name=Капуста
| |
| |ingredient5_img=FoodCabbage.png
| |
| |ingredient5_amount=1
| |
|
| |
| |ingredient6_name=Зелёный мелок
| |
| |ingredient6_img=CrayonGreen.png
| |
| |ingredient6_amount=1
| |
|
| |
| |ingredient7_name=Фальшфейер
| |
| |ingredient7_img=Flare.png
| |
| |ingredient7_amount=1
| |
|
| |
| |reagent1_name=Оливковое масло
| |
| |reagent1_amount=15
| |
|
| |
| |method_name=Микроволновка
| |
| |method_time=15 сек.
| |
|
| |
| |result_name=Безумный бургер
| |
| |result_img=FoodBurgerCrazy.png
| |
| }}
| |
| </pre>
| |
|
| |
| </noinclude>
| |