|
|
| (не показано 15 промежуточных версий этого же участника) |
| Строка 3: |
Строка 3: |
| <div class="груз__header"> | | <div class="груз__header"> |
|
| |
|
| <div class="груз__title">[[Файл:{{{icon|CrateArmorySMG.png}}}|32x32px|link=]] {{#invoke:Entity Lookup|getname|{{{id|CrateArmorySMG}}}}}</div> | | <div class="груз__title">[[Файл:{{{icon|CrateArmorySMG}}}.png|32x32px|link=]] {{#invoke:Entity Lookup|getname|{{{id|CrateArmorySMG}}}}}</div> |
|
| |
|
| <div class="груз__content"> | | <div class="груз__content"> |
| <div>Стоимость: <span style="color:#2ca937;">'''{{{price|9000}}}'''</span>$</div> | | <div>Стоимость: <span style="color:{{цвет|text|lime}};">'''{{{price|9000}}}'''</span>$</div> |
| </div> | | </div> |
|
| |
|
| Строка 18: |
Строка 18: |
| | | | | |
| <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> |
| }} | | }} |
| Строка 29: |
Строка 29: |
| }}<!-- | | }}<!-- |
|
| |
|
| -->{{#css: | | --><templatestyles src="Prototypes/Механика/Груз/styles.css" /> |
| .груз__header {
| |
| display: grid;
| |
| gap: 4px;
| |
| border-radius: 0.2em 0.2em 0 0;
| |
| position: relative;
| |
| overflow: hidden;
| |
| }
| |
| | |
| .груз__title, .груз__content, .груз__product, .груз__notes {
| |
| gap: 6px;
| |
| }
| |
| | |
| .груз__title {
| |
| display: flex;
| |
| flex-direction: row;
| |
| font-weight: bold;
| |
| align-items: center;
| |
| }
| |
| | |
| .груз__content {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| flex-wrap: wrap;
| |
| font-size: 14px;
| |
| }
| |
| | |
| .груз__product {
| |
| display: grid;
| |
| padding: 2px 0;
| |
| }
| |
| | |
| .груз__notes {
| |
| display: grid;
| |
| font-size: 14px;
| |
| flex-grow: 1;
| |
| }
| |
| | |
| .cargo-group {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
| |
| gap: 12px;
| |
| }
| |
| | |
| @media (max-width: 800px) {
| |
| .cargo-group {
| |
| grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
| |
| }
| |
| }
| |
| | |
| .gradient-block__body {
| |
| max-height: 268px;
| |
| min-height: 80px;
| |
| }
| |
| | |
| .груз__header::before {
| |
| background: var(--color);
| |
| width: 5px;
| |
| position: absolute;
| |
| height: 48px;
| |
| content: "";
| |
| right: 0px;
| |
| transform: rotate(320deg);
| |
| top: -12px;
| |
| }
| |
| | |
| #Armory .груз__header {
| |
| --color: #b32525;
| |
| }
| |
| }}
| |