Ma3xak2 (обсуждение | вклад) Нет описания правки |
Ma3xak2 (обсуждение | вклад) Нет описания правки |
||
| (не показано 11 промежуточных версий этого же участника) | |||
| Строка 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; | |||
"> | "> | ||
| Строка 63: | Строка 69: | ||
width:58px; | width:58px; | ||
height:58px; | height:58px; | ||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
overflow:hidden; | overflow:hidden; | ||
"> | ">[[File:{{{ingredient1_img}}}|46px]] | ||
</div> | </div> | ||
<div style=" | <div style=" | ||
| Строка 95: | Строка 97: | ||
width:58px; | width:58px; | ||
height:58px; | height:58px; | ||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
| Строка 126: | Строка 125: | ||
width:58px; | width:58px; | ||
height:58px; | height:58px; | ||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
| Строка 157: | Строка 153: | ||
width:58px; | width:58px; | ||
height:58px; | height:58px; | ||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
overflow:hidden; | overflow:hidden; | ||
"> | ">[[File:{{{ingredient4_img}}}|46px]] | ||
</div> | </div> | ||
<div style=" | <div style=" | ||
| Строка 173: | Строка 165: | ||
margin-top:5px; | margin-top:5px; | ||
line-height:16px; | line-height:16px; | ||
"> | ">{{{ingredient4_name}}}{{#if:{{{ingredient4_amount|}}}| [{{{ingredient4_amount}}}]|}} | ||
</div> | </div> | ||
</div> | </div> | ||
| Строка 190: | Строка 181: | ||
width:58px; | width:58px; | ||
height:58px; | height:58px; | ||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
overflow:hidden; | overflow:hidden; | ||
"> | ">[[File:{{{ingredient5_img}}}|46px]] | ||
</div> | </div> | ||
<div style=" | <div style=" | ||
| Строка 206: | Строка 193: | ||
margin-top:5px; | margin-top:5px; | ||
line-height:16px; | line-height:16px; | ||
"> | ">{{{ingredient5_name}}}{{#if:{{{ingredient5_amount|}}}| [{{{ingredient5_amount}}}]|}} | ||
</div> | </div> | ||
</div> | </div> | ||
| Строка 221: | Строка 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; | ||
"> | "> | ||
<div style=" | <!-- АВТОМАТИЧЕСКАЯ КАРТИНКА МЕТОДА (с 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> | ||
| Строка 254: | Строка 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=" | ||
| Строка 265: | Строка 258: | ||
width:58px; | width:58px; | ||
height:58px; | height:58px; | ||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
overflow:hidden; | overflow:hidden; | ||
"> | ">[[File:{{{result_img}}}|46px]] | ||
</div> | </div> | ||
| Строка 282: | Строка 271: | ||
margin-top:5px; | margin-top:5px; | ||
line-height:16px; | line-height:16px; | ||
"> | ">{{{result_name|Результат}}} | ||
</div> | </div> | ||
</div> | </div> | ||