|
|
| (не показана 1 промежуточная версия этого же участника) |
| Строка 6: |
Строка 6: |
|
| |
|
| <div class="груз__content"> | | <div class="груз__content"> |
| <div>Стоимость: <span style="color:#30a13a;">'''{{{price|9000}}}'''</span>$</div> | | <div>Стоимость: <span style="color:{{цвет|text|lime}};">'''{{{price|9000}}}'''</span>$</div> |
| </div> | | </div> |
|
| |
|
| Строка 13: |
Строка 13: |
| <div class="груз__product"> | | <div class="груз__product"> |
| {{#if: {{{content|}}} | | | {{#if: {{{content|}}} | |
| <div class="grid-small-item-adaptive"> | | <div class="grid-item-adaptive"> |
| {{{content}}} | | {{{content}}} |
| </div> | | </div> |
| | | | | |
| <div class="grid-small-item-adaptive> | | <div class="grid-item-adaptive"> |
| {{Предмет|{{{id|CrateArmorySMG}}}|wrapper=1|repository=1}} | | {{Предмет|{{{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;
| |
| }
| |
| | |
| .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;
| |
| }
| |
| }}<!--
| |
| | |
| --><div class="customCSS" style="display:none">
| |
| .gradient-block__body:has(.груз__product .mw-collapsible-toggle) {
| |
| min-height: 180px;
| |
| }
| |
| | |
| #Armory .груз__header, #Security .груз__header {
| |
| --color: #9d1f1f;
| |
| }
| |
| | |
| #Engineering .груз__header, #Atmospherics .груз__header, #Shuttle .груз__header {
| |
| --color: #a39322;
| |
| }
| |
| | |
| #Cargo .груз__header, #Materials .груз__header {
| |
| --color: #b7631a;
| |
| }
| |
| | |
| #Emergency .груз__header, #Livestock .груз__header {
| |
| --color: #8a999c;
| |
| }
| |
| | |
| #Service .груз__header, #Hydroponics .груз__header, #Fun .груз__header, #Food .груз__header {
| |
| --color: #317a28;
| |
| }
| |
| | |
| #Medical .груз__header {
| |
| --color: #2f5eab;
| |
| }
| |
| | |
| #Science .груз__header {
| |
| --color: #741fb3;
| |
| }
| |
| </div>
| |