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

Материал из Space Station 14 Вики
м (Содержимое страницы заменено на « __TOC__ <div class="custom-heading">1</div> <h1>2</h1> <h2>2</h2>»)
Метка: замена
(Отмена правки 53459, сделанной Pok (обсуждение))
Метка: отмена
Строка 1: Строка 1:
{{#invoke:CategoryMenu|main
|category1 = Категория 1
|category1-paragraph1 = Пункт 1.1
|category1-paragraph2 = Пункт 1.2
|category1-paragraph3 = Пункт 1.3
|category1-paragraph1-content = Контент для пункта 1.1
|category1-paragraph2-content = Контент для пункта 1.2
|category1-paragraph3-content = Контент для пункта 1.3
|category2 = Категория 2
|category2-paragraph1 = Пункт 2.1
|category2-paragraph2 = Пункт 2.2
|category2-paragraph3 = Пункт 2.3
|category2-paragraph1-content = Контент для пункта 2.1
|category2-paragraph2-content = Контент для пункта 2.2
|category2-paragraph3-content = Контент для пункта 2.3
}}
{{#css:
.category-menu {
    border: 1px solid black;
    border-radius: 0.3em;
    background-color: #37373d;
    overflow: hidden;
    padding: 10px 8px;
    box-sizing: border-box;
}
/* Категории */
.main-container {
    display: flex;
    width: 100%;
}
.categories {
    display: flex;
    justify-content: center;
    padding: 6px;
   
    display: none;
}
.categories div {
    cursor: pointer;
    padding: 10px 20px;
    margin: 0 8px;
    background-color: #43434d;
    border-radius: 0.3em;
}
.categories .active {
    background-color: #4b4b57; /* Выделение активного пункта меню */
}
/* Меню слева */
.menu-container {
    width: 300px;
}
.menu div {
    cursor: pointer;
    padding: 10px;
    background-color: #53535f;
    border-radius: 0.3em;
    font-size: 16px;
    font-weight: bold;
    overflow-y: auto;
    box-sizing: border-box;
    max-height: 400px;
    transition: all 0.05s;
}
.menu div:not(:last-child) {
    margin-bottom: 8px;
}
.menu {
    display: none; /* Скрываем меню, если категория не выбрана */
}
.menu div:hover {
    background-color: #5d5d6b;
}
.menu.active {
    display: block; /* Отображаем активное меню */
}
.menu .active {
    border: 2px solid #888897;
}
/* Контент */
.content {
    padding: 10px;
    width: 100%;
    background-color: #52525d;
    border-radius: 0.3em;
    min-height: 150px;
    max-height: 400px;
    overflow: auto;
    box-sizing: border-box;
    margin-left: 10px;
}
.content div {
    display: none;
}
.content .active {
    display: block;
}
}}


__TOC__
__TOC__
<div class="custom-heading">1</div>
<div class="custom-heading">1</div>
<h1>2</h1>
<h2>2</h2>
<h2>2</h2>
<h2>3</h2>
{| class="table-container"
! class="header-cell" | //
! class="header-cell" | Строители
! class="header-cell" | Хищники
! 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 {
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;
}
/* Стили для ячеек заголовков */
.header-cell {
padding: 10px;
border: 1px solid #000;
background-color: #4B285B;
}
/* Стили для ячеек данных */
.data-cell {
padding: 5px;
border: 1px solid #000;
background-color: #4B285B;
}
/* Стили для разделительных линий */
.separator {
border-bottom: 2px dashed #90449C;
}
/* Стили для текста внутри ячеек */
.text-cell {
display: inline-block;
margin: 10px;
padding: 7px 12.5px;
border-radius: 8px;
background: #4B285B;
border: 1.7px solid #151D28;
}
</div>

Версия от 19:32, 22 сентября 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 Эволюционирует в:
Не имеет эволюций

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

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

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

Трутень 		Эволюционирует в:
Охотник

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

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

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

Лорд улья 		Эволюционирует в:
Руни

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

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

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

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

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

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

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