Ma3xak2 (обсуждение | вклад) Нет описания правки |
Ma3xak2 (обсуждение | вклад) Нет описания правки |
||
| (не показано 7 промежуточных версий этого же участника) | |||
| Строка 2: | Строка 2: | ||
<div style=" | <div style=" | ||
display:inline-flex; | display:inline-flex; | ||
vertical-align:top; | |||
flex-direction:column; | flex-direction:column; | ||
background:#171B22; | background:#171B22; | ||
| Строка 9: | Строка 10: | ||
color:#FFFFFF; | color:#FFFFFF; | ||
font-family:Arial,sans-serif; | font-family:Arial,sans-serif; | ||
margin:4px; | |||
width:auto; | |||
max-width:350px; | |||
"> | "> | ||
| Строка 28: | Строка 32: | ||
text-align:center; | text-align:center; | ||
line-height:18px; | line-height:18px; | ||
"> | ">{{{title|Рецепт}}} | ||
</div> | </div> | ||
</div> | </div> | ||
| Строка 38: | Строка 41: | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
gap: | gap:15px; | ||
padding:12px; | padding:12px; | ||
box-sizing:border-box; | box-sizing:border-box; | ||
flex-wrap:nowrap; | |||
"> | "> | ||
| Строка 50: | Строка 54: | ||
gap:8px; | gap:8px; | ||
flex-wrap:wrap; | flex-wrap:wrap; | ||
min-width:0; | |||
max-width:200px; | |||
"> | "> | ||
| Строка 67: | Строка 73: | ||
justify-content:center; | justify-content:center; | ||
overflow:hidden; | overflow:hidden; | ||
"> | ">[[File:{{{ingredient1_img}}}|46px]] | ||
</div> | </div> | ||
<div style=" | <div style=" | ||
font-size:12px; | font-size:12px; | ||
| Строка 77: | Строка 81: | ||
margin-top:5px; | margin-top:5px; | ||
line-height:16px; | line-height:16px; | ||
"> | ">{{{ingredient1_name}}}{{#if:{{{ingredient1_amount|}}}| [{{{ingredient1_amount}}}]|}} | ||
</div> | </div> | ||
</div> | </div> | ||
| Строка 98: | Строка 101: | ||
justify-content:center; | justify-content:center; | ||
overflow:hidden; | overflow:hidden; | ||
"> | ">[[File:{{{ingredient2_img}}}|46px]] | ||
</div> | </div> | ||
<div style=" | <div style=" | ||
font-size:12px; | font-size:12px; | ||
| Строка 108: | Строка 109: | ||
margin-top:5px; | margin-top:5px; | ||
line-height:16px; | line-height:16px; | ||
"> | ">{{{ingredient2_name}}}{{#if:{{{ingredient2_amount|}}}| [{{{ingredient2_amount}}}]|}} | ||
</div> | </div> | ||
</div> | </div> | ||
| Строка 129: | Строка 129: | ||
justify-content:center; | justify-content:center; | ||
overflow:hidden; | overflow:hidden; | ||
"> | ">[[File:{{{ingredient3_img}}}|46px]] | ||
</div> | </div> | ||
<div style=" | <div style=" | ||
font-size:12px; | font-size:12px; | ||
| Строка 139: | Строка 137: | ||
margin-top:5px; | margin-top:5px; | ||
line-height:16px; | line-height:16px; | ||
"> | ">{{{ingredient3_name}}}{{#if:{{{ingredient3_amount|}}}| [{{{ingredient3_amount}}}]|}} | ||
</div> | </div> | ||
</div> | </div> | ||
| Строка 160: | Строка 157: | ||
justify-content:center; | justify-content:center; | ||
overflow:hidden; | overflow:hidden; | ||
"> | ">[[File:{{{ingredient4_img}}}|46px]] | ||
</div> | </div> | ||
<div style=" | <div style=" | ||
font-size:12px; | font-size:12px; | ||
| Строка 170: | Строка 165: | ||
margin-top:5px; | margin-top:5px; | ||
line-height:16px; | line-height:16px; | ||
"> | ">{{{ingredient4_name}}}{{#if:{{{ingredient4_amount|}}}| [{{{ingredient4_amount}}}]|}} | ||
</div> | </div> | ||
</div> | </div> | ||
| Строка 191: | Строка 185: | ||
justify-content:center; | justify-content:center; | ||
overflow:hidden; | overflow:hidden; | ||
"> | ">[[File:{{{ingredient5_img}}}|46px]] | ||
</div> | </div> | ||
<div style=" | <div style=" | ||
font-size:12px; | font-size:12px; | ||
| Строка 201: | Строка 193: | ||
margin-top:5px; | margin-top:5px; | ||
line-height:16px; | line-height:16px; | ||
"> | ">{{{ingredient5_name}}}{{#if:{{{ingredient5_amount|}}}| [{{{ingredient5_amount}}}]|}} | ||
</div> | </div> | ||
</div> | </div> | ||
| Строка 216: | Строка 207: | ||
justify-content:center; | justify-content:center; | ||
flex-shrink:0; | flex-shrink:0; | ||
min-width: | min-width:70px; | ||
border-left:1px solid #FFFFFF; | border-left:1px solid #FFFFFF; | ||
padding-left: | padding-left:10px; | ||
"> | "> | ||
<!-- АВТОМАТИЧЕСКАЯ КАРТИНКА МЕТОДА (с fallback) --> | |||
<div style=" | |||
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 style=" | |||
font-size:13px; | |||
font-weight:bold; | |||
line-height:17px; | |||
text-align:center; | |||
color:#FFFFFF; | |||
margin-top:4px; | |||
">{{{method_name|Приготовление}}}{{#if:{{{method_time|}}}|<br>{{{method_time}}}|}} | |||
</div> | |||
</div> | </div> | ||
| Строка 258: | Строка 247: | ||
justify-content:center; | justify-content:center; | ||
border-left:1px solid #FFFFFF; | border-left:1px solid #FFFFFF; | ||
padding-left: | padding-left:10px; | ||
"> | "> | ||
<div style=" | <div style=" | ||
| Строка 266: | Строка 255: | ||
width:75px; | width:75px; | ||
"> | "> | ||
<div style=" | <div style=" | ||
width:58px; | width:58px; | ||
| Строка 274: | Строка 262: | ||
justify-content:center; | justify-content:center; | ||
overflow:hidden; | overflow:hidden; | ||
"> | ">[[File:{{{result_img}}}|46px]] | ||
</div> | </div> | ||
| Строка 284: | Строка 271: | ||
margin-top:5px; | margin-top:5px; | ||
line-height:16px; | line-height:16px; | ||
"> | ">{{{result_name|Результат}}} | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||