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

Материал из Space Station 14 Вики
Интерактивная навигация по истории
← Предыдущая правкаСледующая правка →
ВизуальныйВики-текст
мНет описания правки
мНет описания правки
Строка 16: Строка 16:
}}
}}
{{#css:
{{#css:
.category-menu {
    border: 1px solid black;
    border-radius: 0.3em;
    background-color: #313138;
    overflow: hidden;
}
/* Категории */
.main-container {
    display: flex;
    width: 100%;
}
.categories {
.categories {
     display: flex;
     display: flex;
     justify-content: center;
     justify-content: center;
     padding: 10px;
     padding: 10px;
    background-color: #313138;
     border-bottom: 2px solid black;
     border-bottom: 1px solid #ccc;
}
}


Строка 28: Строка 40:
     padding: 10px 20px;
     padding: 10px 20px;
     margin: 0 10px;
     margin: 0 10px;
     border: 1px solid #ccc;
     border: 2px solid #28282b;
     background-color: #4f4f4f;
     background-color: #43434d;
    border-radius: 0.5em;
}
}


.main-container {
.categories .active {
     display: flex;
     background-color: #4b4b57; /* Выделение активного пункта меню */
    width: 100%;
}
}


/* Меню слева */
/* Меню слева */
.menu-container {
.menu-container {
     width: 200px;
     width: 300px;
     padding: 10px;
     padding: 10px;
     border-right: 1px solid #ccc;
     border-right: 2px solid black;
    background-color: #313138;
}
}


Строка 48: Строка 59:
     cursor: pointer;
     cursor: pointer;
     padding: 10px;
     padding: 10px;
     border: 1px solid #ccc;
     border: 2px solid #28282b;
     margin-bottom: 5px;
     margin-bottom: 5px;
     background-color: #4f4f4f;
     background-color: #43434d;
    border-radius: 0.5em;
}
}


.menu {
    display: none; /* Скрываем меню, если категория не выбрана */
}
.menu.active {
    display: block; /* Отображаем активное меню */
}
.menu .active {
    background-color: #4b4b57; /* Выделение активного пункта меню */
}
/* Контент */
.content {
.content {
     padding: 10px;
     padding: 10px;
     width: 100%;
     width: 100%;
     background: #46464d;
     background-color: #43434d;
}
}


Строка 65: Строка 90:
.content .active {
.content .active {
     display: block;
     display: block;
}
.menu {
    display: none; /* Скрываем меню, если категория не выбрана */
}
.menu.active {
    display: block; /* Отображаем активное меню */
}
.menu .active {
    background-color: #616161; /* Выделение активного пункта меню */
}
}
}}
}}

Версия от 00:27, 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/3&oldid=53384