Обсуждение участника:Pok: различия между версиями

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
 
(не показаны 33 промежуточные версии этого же участника)
Строка 1: Строка 1:
<div class="flex-table-container">
{{#invoke:CategoryMenu|main
{| class="wikitable flex-table-item"
|category1 = Категория 1
!colspan=2|<h3 style="margin:0;font-size:1.1em;font-family:'oswald';font-weight: bold;">{{Anchor|Награда биома Lava}}Лодаут грузчика</h3>
|category1-paragraph1 = Пункт 1.1
|-
|category1-paragraph2 = Пункт 1.2
| <div style="text-align: center;">[[file:SlotHead.png|64px|link=]]</div>
|category1-paragraph3 = Пункт 1.3
|{{Tooltip|[[file:ClothingHeadHatCargosoft.png|{{{1|64px}}}|link=]]|Кепка грузчика|Бейсболка, окрашенная в цвета отдела снабжения.}}
|category1-paragraph1-content = Контент для пункта 1.1
|-
|category1-paragraph2-content = Контент для пункта 1.2
| <div style="text-align: center;">[[file:SlotUniform.png|64px|link=]]</div>
|category1-paragraph3-content = Контент для пункта 1.3
|{{Tooltip|[[Файл:ClothingUniformJumpsuitCargo.png|{{{1|64px}}}|link=]]|Комбинезон грузчика|Прочный Комбинезон, выдаваемый сотрудникам отдела снабжения.}}{{Tooltip|[[file:Юбка-комбинезон грузчика.png|{{{1|64px}}}|link=]]|Юбка-комбинезон грузчика|Прочная юбка-комбинезон, выдаваемая сотрудникам отдела снабжения.}}
|category2 = Категория 2
|-
|category2-paragraph1 = Пункт 2.1
| <div style="text-align: center;">[[file:SlotBack.png|64px|link=]]</div>
|category2-paragraph2 = Пункт 2.2
|{{Tooltip|[[file:Рюкзак_Грузчика_.png|{{{1|64px}}}|link=]]|Рюкзак грузчика|Прочный рюкзак для воровства добычи}}{{Tooltip|[[Файл:ClothingBackpackSatchelCargo.png|{{{1|64px}}}|link=]]|Сумка грузчика|Прочный рюкзак для воровства добычи}}{{Tooltip|[[Файл:ClothingBackpackDuffelCargo.png|{{{1|64px}}}|link=]]|Вещмешок грузчика|Большой вещмешок для воровства драгоценной добычи}}
|category2-paragraph3 = Пункт 2.3
|-
|category2-paragraph1-content = Контент для пункта 2.1
| <div style="text-align: center;">[[file:SlotSuit.png|64px|link=]]</div>
|category2-paragraph2-content = Контент для пункта 2.2
|{{Tooltip|[[Файл:ClothingOuterWinterCargo.png|{{{1|64px}}}|link=]]|Зимняя куртка грузчика|Тяжёлая куртка из "синтетического" меха животных|
|category2-paragraph3-content = Контент для пункта 2.3
'''Защищает от''':<br>• '''Порезов''' на 5%<br>• '''Теплового урона''' на 10%}}
}}
|-
{{#css:
| <div style="text-align: center;">[[file:SlotShoes.png|64px|link=]]</div>
.categories {
|{{Tooltip|[[File:ClothingShoesColorBlack.png|{{{1|64px}}}|link=]]|Чёрные туфли|Стильные чёрные туфли.}}{{Tooltip|[[File:ClothingShoesBootsWinterCargo.png|{{{1|64px}}}|link=]]|Зимние ботинки снабжения|Меховые ботинки, которые помогут пережить даже самую холодную зиму}}
    display: flex;
|-
    justify-content: center;
| <div style="text-align: center;">[[file:SlotGlasses.png|64px|link=]]</div>
    padding: 10px;
|{{Tooltip|[[File:ClothingEyesGlasses.png|{{{1|64px}}}|link=]]|Очки|Пара неприглядных очков с линзами по рецепту}}{{Tooltip|[[File:ClothingEyesGlassesJamjar.png|{{{1|64px}}}|link=]]|Толстые очки|Также известны как "Защитники девственности"}}{{Tooltip|[[File:ClothingEyesGlassesJensen.png|{{{1|64px}}}|link=]]|Очки Дженсена|Пара складных очков жёлтого оттенка. Вы никогда не просили о них}}
    background-color: #313138;
|-
    border-bottom: 1px solid #ccc;
| <div style="text-align: center;">[[file:Файл.png|64px|link=]]</div>
}
| безделушки
 
|-
.categories div {
|}
    cursor: pointer;
    padding: 10px 20px;
    margin: 0 10px;
    border: 1px solid #ccc;
    background-color: #4f4f4f;
}
 
.main-container {
    display: flex;
    width: 100%;
}
 
/* Меню слева */
.menu-container {
    width: 200px;
    padding: 10px;
    border-right: 1px solid #ccc;
    background-color: #313138;
}
 
.menu div {
    cursor: pointer;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    background-color: #4f4f4f;
}
 
.content {
    padding: 10px;
    width: 100%;
    background: #46464d;
}
 
.content div {
    display: none;
}
 
.content .active {
    display: block;
}
 
.menu {
    display: none; /* Скрываем меню, если категория не выбрана */
}
 
.menu.active {
    display: block; /* Отображаем активное меню */
}
 
.menu .active {
    background-color: #616161; /* Выделение активного пункта меню */
}
}}
 
__TOC__
<div class="custom-heading">1</div>
<h2>2</h2>
<h2>3</h2>


{| class="wikitable flex-table-item"
!colspan=2|<h3 style="margin:0;font-size:1.1em;font-family:'oswald';font-weight: bold;">{{Anchor|Награда биома Lava}}Лодаут грузчика</h3>
|-
| <div style="text-align: center;">[[file:SlotHead.png|64px|link=]]</div>
|{{Tooltip|[[file:ClothingHeadHatCargosoft.png|{{{1|64px}}}|link=]]|Кепка грузчика|Бейсболка, окрашенная в цвета отдела снабжения.}}
|-
| <div style="text-align: center;">[[file:SlotUniform.png|64px|link=]]</div>
|{{Tooltip|[[Файл:ClothingUniformJumpsuitCargo.png|{{{1|64px}}}|link=]]|Комбинезон грузчика|Прочный Комбинезон, выдаваемый сотрудникам отдела снабжения.}}{{Tooltip|[[file:Юбка-комбинезон грузчика.png|{{{1|64px}}}|link=]]|Юбка-комбинезон грузчика|Прочная юбка-комбинезон, выдаваемая сотрудникам отдела снабжения.}}
|-
| <div style="text-align: center;">[[file:SlotBack.png|64px|link=]]</div>
|{{Tooltip|[[file:Рюкзак_Грузчика_.png|{{{1|64px}}}|link=]]|Рюкзак грузчика|Прочный рюкзак для воровства добычи}}{{Tooltip|[[Файл:ClothingBackpackSatchelCargo.png|{{{1|64px}}}|link=]]|Сумка грузчика|Прочный рюкзак для воровства добычи}}{{Tooltip|[[Файл:ClothingBackpackDuffelCargo.png|{{{1|64px}}}|link=]]|Вещмешок грузчика|Большой вещмешок для воровства драгоценной добычи}}
|-
| <div style="text-align: center;">[[file:SlotSuit.png|64px|link=]]</div>
|{{Tooltip|[[Файл:ClothingOuterWinterCargo.png|{{{1|64px}}}|link=]]|Зимняя куртка грузчика|Тяжёлая куртка из "синтетического" меха животных|
'''Защищает от''':<br>• '''Порезов''' на 5%<br>• '''Теплового урона''' на 10%}}
|-
| <div style="text-align: center;">[[file:SlotShoes.png|64px|link=]]</div>
|{{Tooltip|[[File:ClothingShoesColorBlack.png|{{{1|64px}}}|link=]]|Чёрные туфли|Стильные чёрные туфли.}}{{Tooltip|[[File:ClothingShoesBootsWinterCargo.png|{{{1|64px}}}|link=]]|Зимние ботинки снабжения|Меховые ботинки, которые помогут пережить даже самую холодную зиму}}
|-
| <div style="text-align: center;">[[file:SlotGlasses.png|64px|link=]]</div>
|{{Tooltip|[[File:ClothingEyesGlasses.png|{{{1|64px}}}|link=]]|Очки|Пара неприглядных очков с линзами по рецепту}}{{Tooltip|[[File:ClothingEyesGlassesJamjar.png|{{{1|64px}}}|link=]]|Толстые очки|Также известны как "Защитники девственности"}}{{Tooltip|[[File:ClothingEyesGlassesJensen.png|{{{1|64px}}}|link=]]|Очки Дженсена|Пара складных очков жёлтого оттенка. Вы никогда не просили о них}}
|-
| <div style="text-align: center;">[[file:Файл.png|64px|link=]]</div>
| безделушки
|-
|}


{| class="wikitable flex-table-item"
{| class="table-container"
!colspan=2|<h3 style="margin:0;font-size:1.1em;font-family:'oswald';font-weight: bold;">{{Anchor|Награда биома Lava}}Лодаут грузчика</h3>
! class="header-cell" | //
|-
! class="header-cell" | Строители
| <div style="text-align: center;">[[file:SlotHead.png|64px|link=]]</div>
! class="header-cell" | Хищники
|{{Tooltip|[[file:ClothingHeadHatCargosoft.png|{{{1|64px}}}|link=]]|Кепка грузчика|Бейсболка, окрашенная в цвета отдела снабжения.}}
! class="header-cell" | Воины
|-
! class="header-cell" | Плеваки
| <div style="text-align: center;">[[file:SlotUniform.png|64px|link=]]</div>
! class="header-cell" style="width: 10%;" | Время для эволюции
|{{Tooltip|[[Файл:ClothingUniformJumpsuitCargo.png|{{{1|64px}}}|link=]]|Комбинезон грузчика|Прочный Комбинезон, выдаваемый сотрудникам отдела снабжения.}}{{Tooltip|[[file:Юбка-комбинезон грузчика.png|{{{1|64px}}}|link=]]|Юбка-комбинезон грузчика|Прочная юбка-комбинезон, выдаваемая сотрудникам отдела снабжения.}}
|-
|-
| <div style="text-align: center;">[[file:SlotBack.png|64px|link=]]</div>
! class="data-cell" | T0
|{{Tooltip|[[file:Рюкзак_Грузчика_.png|{{{1|64px}}}|link=]]|Рюкзак грузчика|Прочный рюкзак для воровства добычи}}{{Tooltip|[[Файл:ClothingBackpackSatchelCargo.png|{{{1|64px}}}|link=]]|Сумка грузчика|Прочный рюкзак для воровства добычи}}{{Tooltip|[[Файл:ClothingBackpackDuffelCargo.png|{{{1|64px}}}|link=]]|Вещмешок грузчика|Большой вещмешок для воровства драгоценной добычи}}
! 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>
|-
|-
| <div style="text-align: center;">[[file:SlotSuit.png|64px|link=]]</div>
! class="data-cell" | T1
|{{Tooltip|[[Файл:ClothingOuterWinterCargo.png|{{{1|64px}}}|link=]]|Зимняя куртка грузчика|Тяжёлая куртка из "синтетического" меха животных|
! 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>
'''Защищает от''':<br>• '''Порезов''' на 5%<br>• '''Теплового урона''' на 10%}}
! 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 минут
|-
|-
| <div style="text-align: center;">[[file:SlotShoes.png|64px|link=]]</div>
! class="data-cell" | T2
|{{Tooltip|[[File:ClothingShoesColorBlack.png|{{{1|64px}}}|link=]]|Чёрные туфли|Стильные чёрные туфли.}}{{Tooltip|[[File:ClothingShoesBootsWinterCargo.png|{{{1|64px}}}|link=]]|Зимние ботинки снабжения|Меховые ботинки, которые помогут пережить даже самую холодную зиму}}
! 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 минут
|-
|-
| <div style="text-align: center;">[[file:SlotGlasses.png|64px|link=]]</div>
! class="data-cell" | T3
|{{Tooltip|[[File:ClothingEyesGlasses.png|{{{1|64px}}}|link=]]|Очки|Пара неприглядных очков с линзами по рецепту}}{{Tooltip|[[File:ClothingEyesGlassesJamjar.png|{{{1|64px}}}|link=]]|Толстые очки|Также известны как "Защитники девственности"}}{{Tooltip|[[File:ClothingEyesGlassesJensen.png|{{{1|64px}}}|link=]]|Очки Дженсена|Пара складных очков жёлтого оттенка. Вы никогда не просили о них}}
! class="separator" |
|-
! class="separator" | {{tooltip|[[File:Rooney.png|128px]]|Эволюционирует в:|Не имеет эволюций<br>}}<br><span class="text-cell">[[CM:Руни|Руни]]</span>
| <div style="text-align: center;">[[file:Файл.png|64px|link=]]</div>
! 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 минут
|}
|}
</div>
<!-- CSS -->
<div class="customCSS" style="display:none">
svg {
position: absolute;
pointer-events: none;
z-index: 1;
}
/* Общие стили для таблицы */
.table-container {
max-width: 100%;
margin: auto;
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;
}


<div class="customCSS" style="display:none">
/* Стили для ячеек заголовков */
.flex-table-container {
.header-cell {
display: flex;
padding: 10px;
flex-wrap: wrap;
border: 1px solid #000;
justify-content: space-between;
background-color: #4B285B;
}
}
.content-table-wrapper {
 
flex-basis: 33%;
/* Стили для ячеек данных */
.data-cell {
padding: 5px;
border: 1px solid #000;
background-color: #4B285B;
}
}
.flex-table-item {
 
width: 100%;
/* Стили для разделительных линий */
.separator {
border-bottom: 2px dashed #90449C;
}
}
@media (max-width: 800px) {
 
.content-table-wrapper {
/* Стили для текста внутри ячеек */
flex-basis: 100%;
.text-cell {
}
display: inline-block;
margin: 10px;
padding: 7px 12.5px;
border-radius: 8px;
background: #4B285B;
border: 1.7px solid #151D28;
}
}
</div>
</div>

Текущая версия от 20:23, 19 сентября 2024

Категория 1
Категория 2
Пункт 1.1
Пункт 1.2
Пункт 1.3
Пункт 2.1
Пункт 2.2
Пункт 2.3
Контент для пункта 1.1
Контент для пункта 1.2
Контент для пункта 1.3
Контент для пункта 2.1
Контент для пункта 2.2
Контент для пункта 2.3


1

2

3


// Строители Хищники Воины Плеваки Время для эволюции
T0 Файл:CMXenoLesserDrone.pngЭволюционирует в:
Не имеет эволюций

Младший дрон 		Откладывает Грудолома

Лицехват 		Эволюционирует в:
Трутень
Бегун
Защитник
Часовой

Грудолом
T1 Эволюционирует в:
Лорд улья
Королева

Трутень 		Эволюционирует в:
Файл:CMXenoLurker.png Охотник

Бегун 		Эволюционирует в:
Воин

Защитник 		Эволюционирует в:
Плевака

Часовой 		5 минут
T2 Эволюционирует в:
Не имеет эволюций

Лорд улья 		Файл:CMXenoLurker.pngЭволюционирует в:
Руни

Охотник 		Эволюционирует в:
Крушитель
Преторианец

Воин 		Эволюционирует в:
Файл:CMXenoBoiler.png Бойлер

Плевака 		9 минут
T3 Эволюционирует в:
Не имеет эволюций

Руни 		Эволюционирует в:
Не имеет эволюций

Крушитель 		Файл:CMXenoBoiler.pngЭволюционирует в:
Не имеет эволюций

Бойлер 		9 минут
T4 Эволюционирует в:
Не имеет эволюций

Королева 		9 минут
Источник — https://station14.ru/index.php?title=Обсуждение_участника:Pok&oldid=53017