Space Station 14 Вики

Песочница/Pok/3: различия между версиями

Интерактивная навигация по истории
← Предыдущая правкаСледующая правка →
ВизуальныйВики-текст
мНет описания правки
Нет описания правки
Строка 1: Строка 1:
{{#invoke:CategoryMenu|main
<div class="research-grid">
|category1 = Категория 1
 
|category1-paragraph1 = Пункт 1.1
<div class="research" id="Arsenal">
|category1-paragraph2 = Пункт 1.2
<div class="research__images">[[Файл:Objects-Weapons-Guns-Basic-kinetic_accelerator.png|64px|центр|link=]]</div>
|category1-paragraph3 = Пункт 1.3
<div class="research__name">Утилизаторское оружие [[Файл:Arsenal.png|16px|link=]]</div>
|category1-paragraph1-content = {{GameModesHeader}} Контент для пункта 1.1  
<div class="research__type">
|category1-paragraph2-content = Контент для пункта 1.2
<div>Уровень: 1</div>
|category1-paragraph3-content = Контент для пункта 1.3
<div>Тип: <span class="research__category">арсенал</span></div>
|category2 = Категория 2
<div>Стоимость: <span style="color:#DA70D6;">5000</span></div>
|category2-paragraph1 = Пункт 2.1
</div>
|category2-paragraph2 = Пункт 2.2
<div class="research__unblocks">Разблокирует:
|category2-paragraph3 = Пункт 2.3
<ul><li> Протокинетический ускоритель </li><li> PTK-800 "Дематериализатор материи" (машинная плата) </li>
|category2-paragraph1-content = Контент для пункта 2.1
</ul>
|category2-paragraph2-content = Контент для пункта 2.2
</div>
|category2-paragraph3-content = Контент для пункта 2.3
</div>
}}
 
<div class="research" id="Arsenal">
<div class="research__images">[[Файл:Objects-Weapons-Guns-Basic-kinetic_accelerator.png|64px|центр|link=]]</div>
<div class="research__name">Утилизаторское оружие [[Файл:Arsenal.png|16px|link=]]</div>
<div class="research__type">
<div>Уровень: 1</div>
<div>Тип: <span class="research__category">арсенал</span></div>
<div>Стоимость: <span style="color:#DA70D6;">5000</span></div>
</div>
<div class="research__unblocks">Разблокирует:
<ul><li> Протокинетический ускоритель </li><li> PTK-800 "Дематериализатор материи" (машинная плата) </li>
</ul>
</div>
</div>
 
<div class="research" id="Arsenal">
<div class="research__images">[[Файл:Objects-Weapons-Guns-Basic-kinetic_accelerator.png|64px|центр|link=]]</div>
<div class="research__name">Утилизаторское оружие [[Файл:Arsenal.png|16px|link=]]</div>
<div class="research__type">
<div>Уровень: 1</div>
<div>Тип: <span class="research__category">арсенал</span></div>
<div>Стоимость: <span style="color:#DA70D6;">5000</span></div>
</div>
<div class="research__unblocks">Разблокирует:
<ul><li> Протокинетический ускоритель </li><li> PTK-800 "Дематериализатор материи" (машинная плата) </li>
</ul>
</div>
</div>
 
</div>
{{#css:
.research-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 20px;
}
 
.research {
    display: grid;
    background: #36363d;
    font-size: 14px;
    padding: 10px;
    border-top: 10px solid silver;
    box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    color: #e1e1e1;
    border-radius: 0.2em;
    overflow: hidden;
}


__TOC__
.research__images {
<div class="custom-heading">1</div>
    grid-row: 1 / 3;
<h2>2</h2>
}
<h2>3</h2>


.research__name {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 2px solid #6d6e75;
}


{| class="table-container"
.research__type {
! class="header-cell" | //
    display: flex;
! class="header-cell" | Строители
    justify-content: space-between;
! class="header-cell" | Хищники
    margin-top: 6px;
! class="header-cell" | Воины
! class="header-cell" | Плеваки
! class="header-cell" style="width: 10%;" | Время для эволюции
|-
! class="data-cell" | T0
! class="separator" | {{tooltip|[[File:CMXenoLesserDrone.png|128px]]|Эволюционирует в:|Не имеет эволюций<br>}}<br><span class="text-cell">[[CM:Младший дрон|Младший дрон]]</span>
! colspan="2" class="separator" | {{tooltip|[[File:CMXenoHugger.png|128px]]|Откладывает Грудолома[[File:CMXenoLarva.png|64px]]<br>}}<br><span class="text-cell">[[CM:Лицехват|Лицехват]]</span>
! colspan="2" class="separator" style="text-align:left;" id="source-node1" class="source"| {{tooltip|[[File:CMXenoLarva.png|128px]]|Эволюционирует в:|[[File:CMXenoDrone.png|64px]] Трутень<br>[[File:CMXenoRunner.png|64px]] Бегун<br>[[File:CMXenoDefender.png|64px]] Защитник<br>[[File:CMXenoSentinel.png|64px]] Часовой<br>}}<br><span class="text-cell">[[CM:Грудолом|Грудолом]]</span>
|-
! class="data-cell" | T1
! class="separator" id="target-node1" class="target" id="source-node2" class="source" | {{tooltip|[[File:CMXenoDrone.png|128px]]|Эволюционирует в:|[[File:CMXenoHivelord.png|64px]] Лорд улья<br>[[File:CMXenoQueen.png|64px]] Королева<br>}}<br><span class="text-cell">[[CM:Трутень|Трутень]]</span>
! class="separator" id="target-node1" class="target" | {{tooltip|[[File:CMXenoRunner.png|128px]]|Эволюционирует в:|[[File:CMXenoLurker.png|128px]] Охотник<br>}}<br><span class="text-cell">[[CM:Бегун|Бегун]]</span>
! class="separator" id="target-node1" class="target" | {{tooltip|[[File:CMXenoDefender.png|128px]]|Эволюционирует в:|[[File:CMXenoWarrior.png|64px]] Воин<br>}}<br><span class="text-cell">[[CM:Защитник|Защитник]]</span>
! class="separator" id="target-node1" class="target" | {{tooltip|[[File:CMXenoSentinel.png|128px]]|Эволюционирует в:|[[File:CMXenoSpitter.png|64px]] Плевака<br>}}<br><span class="text-cell">[[CM:Часовой|Часовой]]</span>
! class="separator" | 5 минут
|-
! class="data-cell" | T2
! class="separator" id="target-node2" class="target" | {{tooltip|[[File:CMXenoHivelord.png|128px]]|Эволюционирует в:|Не имеет эволюций<br>}}<br><span class="text-cell">[[CM:Лорд улья|Лорд улья]]</span>
! class="separator" | {{tooltip|[[File:CMXenoLurker.png|128px]]|Эволюционирует в:|[[File:Rooney.png|64px]] Руни<br>}}<br><span class="text-cell">[[CM:Охотник|Охотник]]</span>
! class="separator" | {{tooltip|[[File:CMXenoWarrior.png|128px]]|Эволюционирует в:|[[File:CMXenoCrusher.png|64px]] Крушитель<br>[[File:CMXenoPraetorian.png|64px]] Преторианец<br>}}<br><span class="text-cell">[[CM:Воин|Воин]]</span>
! class="separator" | {{tooltip|[[File:CMXenoSpitter.png|128px]]|Эволюционирует в:|[[File:CMXenoBoiler.png|128px]] Бойлер<br>}}<br><span class="text-cell">[[CM:Плевака|Плевака]]</span>
! class="separator" | 9 минут
|-
! class="data-cell" | T3
! class="separator" |
! class="separator" | {{tooltip|[[File:Rooney.png|128px]]|Эволюционирует в:|Не имеет эволюций<br>}}<br><span class="text-cell">[[CM:Руни|Руни]]</span>
! class="separator" | {{tooltip|[[File:CMXenoCrusher.png|128px]]|Эволюционирует в:|Не имеет эволюций<br>}}<br><span class="text-cell">[[CM:Крушитель|Крушитель]]</span>
! class="separator" | {{tooltip|[[File:CMXenoBoiler.png|128px]]|Эволюционирует в:|Не имеет эволюций<br>}}<br><span class="text-cell">[[CM:Бойлер|Бойлер]]</span>
! class="separator" | 9 минут
|-
! class="data-cell" | T4
! id="target-node2" class="target" | {{tooltip|[[File:CMXenoQueen.png|128px]]|Эволюционирует в:|Не имеет эволюций<br>}}<br><span class="text-cell">[[CM:Королева|Королева]]</span>
!
!
!
! 9 минут
|}
<!-- CSS -->
<div class="customCSS" style="display:none">
svg {
position: absolute;
pointer-events: none;
z-index: 1;
}
}
/* Общие стили для таблицы */
 
.table-container {
.research__unblocks {
max-width: 100%;
    grid-column: 1 / 3;
margin: auto;
    margin-top: 8px;
padding: 5px;
overflow-x: auto;
color: white;
font-weight: bold;
border-radius: 10px;
width: 100%;
border-collapse: collapse;
white-space: nowrap;
padding: 100px;
text-align: center;
background-color: #2B1438;
border: 1px solid black;
}
}


/* Стили для ячеек заголовков */
.research ul {
.header-cell {
    margin: 4px 0 0 0;
padding: 10px;
border: 1px solid #000;
background-color: #4B285B;
}
}


/* Стили для ячеек данных */
.research li {
.data-cell {
    list-style-type: none;
padding: 5px;
    color: yellow;
border: 1px solid #000;
background-color: #4B285B;
}
}


/* Стили для разделительных линий */
.research li::before {
.separator {
    content: "-";
border-bottom: 2px dashed #90449C;
    margin-right: 2px;
    color: lightgrey;
}
}


/* Стили для текста внутри ячеек */
#Arsenal.research {
.text-cell {
    border-top-color: #b33339;
display: inline-block;
}
margin: 10px;
#Industrial.research {
padding: 7px 12.5px;
    border-top-color: #eeac34;
border-radius: 8px;
}
background: #4B285B;
#Experimental.research {
border: 1.7px solid #151D28;
    border-top-color: #9a6ef0;
}
}
</div>
#CivilianServices.research {
    border-top-color: #7ecd48;
}
 
#Arsenal .research__category {
    color: #dc373b;
}
#Industrial .research__category {
    color: #eeac34;
}
#Experimental .research__category {
    color: #9a6ef0;
}
#CivilianServices .research__category {
    color: #7ecd48;
}
}}
Источник — https://station14.ru/wiki/Песочница/Pok/3