Шаблон:Prototypes/Механика/Груз/base: различия между версиями

Нет описания правки
мНет описания правки
 
(не показано 37 промежуточных версий этого же участника)
Строка 1: Строка 1:
<div class="груз">
{{GradientBlock
|header =
<div class="груз__header">


<div class="груз__images">[[Файл:{{{icon|CrateArmorySMG.png}}}|64x64px|центр|link=]]</div>
<div class="груз__title">[[Файл:{{{icon|CrateArmorySMG}}}.png|32x32px|link=]] {{#invoke:Entity Lookup|getname|{{{id|CrateArmorySMG}}}}}</div>
<div class="груз__name">{{#invoke:Entity Lookup|getname|{{{id|CrateArmorySMG}}}}}</div>


<div class="груз__type">
<div class="груз__content">
 
<div>Стоимость: <span style="color:{{цвет|text|lime}};">'''{{{price|9000}}}'''</span>$</div>
<div>Стоимость: <span style="color:#2ca937;">{{{price|9000}}}</span>$</div>
</div>
<div>Категория: <span class="груз__technology">{{#invoke:Ftl|main|translation|{{{name|cargoproduct-category-name-armory}}}}}</span></div>


</div>
</div>
 
|body =
<div class="груз__technologies">
<div class="груз__product">
{{#if: {{{content|}}} |
{{#if: {{{content|}}} |
<div class="груз__technologies-unblocks">
{{Шаблон:FlatCardWithHeader
|title                = Ящик содержит
<!--|background-color    = #c1c1ff
|transparency-title  = 0f-->
|margin              = 0
|content              =
<div class="grid-item-adaptive">
<div class="grid-item-adaptive">
{{{content}}}
{{{content}}}
</div>
</div>
}}
|
</div> |
<div class="груз__technologies-unblocks">
{{Шаблон:FlatCardWithHeader
|title                = Доставляется без ящик
<!--|background-color    = #c1c1ff
|transparency-title  = 0f-->
|margin              = 0
|content              =
<div class="grid-item-adaptive">
<div class="grid-item-adaptive">
{{LinkСard|SideStyle=1|background-color=#cbcbff0a|image={{{id|CrateArmorySMG}}}|name={{#invoke:Entity Lookup|getname|{{{id|CrateArmorySMG}}}}} {{#invoke:Prototypes/Хранилище/Предмет|main|framing|contained|{{{id|CrateArmorySMG}}}}} {{#invoke:Prototypes/Хранилище/Предмет|main|framing|slot|{{{id|CrateArmorySMG}}}}} }}
{{Предмет|{{{id|CrateArmorySMG}}}|wrapper=1|repository=1}}
</div>
</div>
}}
}}
</div>
</div>
}}
|sub-body =
<div class="груз__notes"><div>{{#if: {{{content|}}} | Приходит в ящике | Приходит без ящика }}<!--
-->{{#if: {{{access|}}} | . Для открытия необходим доступ: '''{{{access}}}''' }}</div><!--
-->{{#if: {{{description|}}} | <div>Примечание: {{{description}}}</div> }}
</div>
</div>
}}<!--


</div><!--
--><templatestyles src="Prototypes/Механика/Груз/styles.css" />
 
-->{{#css:
.груз {
display: grid;
grid-template-rows: 0fr 0fr;
grid-template-columns: 0fr;
background: #2b2b35;
font-size: 14px;
padding: 10px;
border-top: 10px solid silver;
box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
border-radius: 0.2em;
}
 
.груз__images {
grid-row: 1 / 3;
margin-right: 14px;
}
 
.груз__name {
display: flex;
justify-content: space-between;
font-weight: bold;
font-size: 16px;
border-bottom: 2px solid #525567;
padding-bottom: 6px;
}
 
.груз__type {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 0 5px;
margin-top: 6px;
}
 
.груз__technologies {
display: grid;
grid-column: 1 / 3;
grid-template-rows: 0fr 0fr;
gap: 6px;
margin-top: 10px;
}
 
.груз__technologies ul {
margin: 4px 0 0 0;
}
 
.груз__technologies li::before {
content: "-";
margin-right: 4px;
color: lightgrey;
}
 
.груз__technologies li {
list-style-type: none;
}
 
.груз__technologies-unblocks li {
color: #eded00;
}
 
.груз__technologies-prerequisites span {
color: #af65db;
}
 
.груз-group{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 12px;
}
 
@media (max-width: 800px) {
.груз-group {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
}
 
#Arsenal.груз,
#Arsenal.груз__technology {
border-top-color: #a92424;
}
#Industrial.груз,
#Industrial.груз__technology {
border-top-color: #dc9f30;
}
#Experimental.груз,
#Experimental.груз__technology {
border-top-color: #835dcc;
}
#CivilianServices.груз,
#CivilianServices.груз__technology {
border-top-color: #68a93b;
}
}}