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

Материал из Space Station 14 Вики
Нет описания правки
мНет описания правки
(не показано 10 промежуточных версий этого же участника)
Строка 1: Строка 1:
<div class="slide__container mw-collapsible mw-collapsed new-collapsed"
{{#invoke:CategoryMenu|main
style="
|category1 = Категория 1
text-align: {{{text-align|center}}};
|category1-paragraph1 = Пункт 1.1
border: {{{border-size|3px}}} solid {{{border-color|#4c4c61}}};
|category1-paragraph2 = Пункт 1.2
border-radius: {{{border-radius|0.3em}}};
|category1-paragraph3 = Пункт 1.3
margin-bottom: {{{margin-bottom|6px}}};
|category1-paragraph1-content = Контент для пункта 1.1
">
|category1-paragraph2-content = Контент для пункта 1.2
<div class="slide__title"
|category1-paragraph3-content = Контент для пункта 1.3
style="
|category2 = Категория 2
color: {{{color|lightgrey}}};
|category2-paragraph1 = Пункт 2.1
font-size: {{{font-size|1.1em}}};
|category2-paragraph2 = Пункт 2.2
">{{{title}}}</div>
|category2-paragraph3 = Пункт 2.3
<div class="slide__content mw-collapsible-content">{{{content}}}</div>
|category2-paragraph1-content = Контент для пункта 2.1
</div>
|category2-paragraph2-content = Контент для пункта 2.2
<!-- Не изменяемый CSS -->
|category2-paragraph3-content = Контент для пункта 2.3
<div class="customCSS" style="display:none">
}}
.slide__container {
{{#css:
background: #27272f;
.categories {
position: relative;
    display: flex;
padding: 16px;
    justify-content: center;
text-wrap: pretty;
    padding: 10px;
    background-color: #313138;
    border-bottom: 1px solid #ccc;
}
}
.slide__title {
 
position: relative;
.categories div {
z-index: 2;
    cursor: pointer;
display: inline-block;
    padding: 10px 20px;
margin: 0;
    margin: 0 10px;
font-family: 'Arial', sans-serif;
    border: 1px solid #ccc;
font-weight: bold;
    background-color: #4f4f4f;
pointer-events: none;
}
}
.slide__content {
 
padding-top: 32px;
.main-container {
text-align: left;
    display: flex;
    width: 100%;
}
}
.new-collapsed .mw-collapsible-toggle {
 
position: absolute;
/* Меню слева */
top: 0;
.menu-container {
left: 0;
    width: 200px;
bottom: 0;
    padding: 10px;
right: 0;
    border-right: 1px solid #ccc;
width: 100%;
    background-color: #313138;
height: 100%;
padding: 16px !important;
text-align: center;
box-sizing: border-box;
display: flex;
align-content: center;
justify-content: flex-end;
align-items: center;
transition: background-color 0.2s;
line-height: 40px;
}
}
.new-collapsed .mw-collapsible-toggle:hover {
 
background-color: #23232b;
.menu div {
    cursor: pointer;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    background-color: #4f4f4f;
}
}
.new-collapsed .mw-collapsible-text {
 
display: none;
.content {
    padding: 10px;
    width: 100%;
    background: #46464d;
}
}
.new-collapsed .mw-collapsible-title {


.content div {
    display: none;
}
}
.new-collapsed .mw-collapsible-toggle:before {
 
content: '+';
.content .active {
color: #616bb9;
    display: block;
font-weight: bold;
font-size: 40px;
margin-bottom: 8px;
text-decoration: none !important;
border: none !important;
}
}
.new-collapsed .mw-collapsible-toggle:hover:before {
 
color: #727dcb;
.menu {
    display: none; /* Скрываем меню, если категория не выбрана */
}
}
.mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle:before {
 
content: '-';
.menu.active {
    display: block; /* Отображаем активное меню */
}
}
.new-collapsed .mw-collapsible-title:hover + .mw-collapsible-content {
 
display: block;
.menu .active {
    background-color: #616161; /* Выделение активного пункта меню */
}
}
.new-collapsed .mw-collapsible.mw-collapsed .mw-collapsible-content {
}}
display: none;
 
__TOC__
<div class="custom-heading">1</div>
<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;
}
}
.new-collapsed .mw-collapsible:not(.mw-collapsed) .mw-collapsible-content {
/* Общие стили для таблицы */
display: block;
.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;
}
}
.new-collapsed.mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle {
 
background-color: #22222b;
/* Стили для ячеек заголовков */
.header-cell {
padding: 10px;
border: 1px solid #000;
background-color: #4B285B;
}
}
.new-collapsed.mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle {
 
height: 58px !important;
/* Стили для ячеек данных */
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5) !important;
.data-cell {
padding: 5px;
border: 1px solid #000;
background-color: #4B285B;
}
}
.new-collapsed .mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle:after {
 
display: none;
/* Стили для разделительных линий */
.separator {
border-bottom: 2px dashed #90449C;
}
}
.new-collapsed .mw-collapsible-toggle:after {
 
display: none;
/* Стили для текста внутри ячеек */
}
.text-cell {
.new-collapsed .mw-collapsed .mw-collapsible-toggle:after {
display: inline-block;
display: none;
margin: 10px;
}
padding: 7px 12.5px;
.new-collapsed .mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle:after {
border-radius: 8px;
display: none;
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 Эволюционирует в:
Не имеет эволюций

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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