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

Новая страница: «<div class="станок"> <div class="станок__header"> <div class="станок__product-and-info-text"> <div class="станок__product">{{#invoke:Entity Lookup|createimagetooltip|File:{{{product|PortableFlasher}}}.png|{{{product|PortableFlasher}}}|Мета=32x32px,link=}} {{#invoke:Entity Lookup|getname|{{{product|PortableFlasher}}}}}</div> <div class="станок__info-text">{{{info}}}</div> </div> <div class="станок__info-icons">{{{icons...»
 
 
(не показаны 33 промежуточные версии этого же участника)
Строка 1: Строка 1:
<div class="станок">
{{GradientBlock
 
|class = {{#if: {{{mode-emag|}}} | станок__mode-emag }}
|header =
<div class="станок__header">
<div class="станок__header">
<div class="станок__product-and-info-text">
<div class="станок__product-and-info-text">
<div class="станок__product">{{#invoke:Entity Lookup|createimagetooltip|File:{{{product|PortableFlasher}}}.png|{{{product|PortableFlasher}}}|Мета=32x32px,link=}} {{#invoke:Entity Lookup|getname|{{{product|PortableFlasher}}}}}</div>
<div class="станок__product">{{#if: {{{mode-chem|}}} | {{#invoke:Entity Lookup|createimagetooltip|File:LargeBeaker.png|LargeBeaker|Мета=32x32px,link=}} {{{amount|1}}} {{{product|Plant-B-gone}}} | {{#invoke:Entity Lookup|createimagetooltip|File:{{{product|PortableFlasher}}}.png|{{{product|PortableFlasher}}}|Мета=32x32px,link=}} {{{amount|1}}} {{#invoke:Entity Lookup|getname|{{{product|PortableFlasher}}}}} }} </div>  
<div class="станок__info-text">{{{info}}}</div>
{{#if:{{{info|}}}|<div class="станок__info-text">{{{info}}}</div>}}</div>
</div>
<div class="станок__info-icons"><!--
<div class="станок__info-icons">{{{icons}}}</div>
-->{{#if: {{{mode-research|}}} | {{AltTooltip|[[File:JobIconResearchDirector.png|24px|link=]]|Рецепт становится доступным после исследования определённой технологии.|posX=left}} }}<!--
-->{{#if: {{{mode-emag|}}}    | {{#if: {{{mode-research|}}} | <span class="станок__progression-symbol">↓</span> | }} | }}<!--
-->{{#if: {{{mode-emag|}}}    | {{AltTooltip|[[File:Emag.png|32px|link=]]|Рецепт становится доступным после взлома с помощью криптографического секвенсора.|posX=left}} }}</div>
</div>
</div>


<div class="станок__body no-margin-edges short-scrollbar">
|body  =
<div class="станок__materials">{{{materials}}}</div>
<div class="станок__materials">{{{materials}}}</div>
<div class="станок__complete-time">{{{complete-time|1 сек.}}}</div>
<div class="станок__complete-time">[[Файл:Small_watch.png]] {{{complete-time|1 сек.}}}</div>
</div>
 
</div><!--
-->{{#css:
.станок {
    display: inline-flex;
    flex-direction: column;
    border: 1px solid #373741;
    border-radius: 0.2em;
}
 
.станок__header {
    color: #efefef;
    padding: 6px;
    background: linear-gradient(120deg, #31313b, #27272f);
    text-align: left;
   
    display: grid;
    grid-template-columns: 1fr 0.25fr;
    gap: 6px;
    border-radius: 0.2em 0.2em 0 0;
}
 
.станок__product-and-info-text {
    display: grid;
    gap: 6px;
}
 
.станок__product {
    font-weight: bold;
}
 
.станок__info-tex {
 
}
 
.станок__info-icons {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}
 
.станок__body {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.15);
    background: #232329;
    flex-grow: 2;
    border-radius: 0 0 0.2em 0.2em;
    padding: 6px;
    position: relative;
}


.станок__materials {
|sub-body  =
    display: grid;
{{#if: {{{method-container|}}} | <div class="станок__method-container">{{#invoke:Entity Lookup|createimagetooltip|File:{{{method-container|PortableFlasher}}}.png|{{{method-container|PortableFlasher}}}|Мета=32x32px,link=}} '''[[{{#invoke:Entity Lookup|getname|{{{method-container|PortableFlasher}}}}}|{{#invoke:Entity Lookup|getname|{{{method-container|PortableFlasher}}}}}]]'''</div>}}
    gap: 6px;
}}<!--
}


.станок__complete-time {
--><templatestyles src="Prototypes/Машина/Станок/styles.css" />
    position: absolute;
    bottom: 4px;
    right: 4px;
    font-size: small;
}
}}