Test: различия между версиями

Материал из Space Stories Wiki
(Новая страница: «<style> .container { display: flex; gap: 1rem; background-color: #1e1e1e; padding: 1rem; font-family: sans-serif; } .dropdown { position: relative; } .dropdown-button { background-color: #2c3e50; color: #ecf0f1; border: none; padding: 0.5rem 1rem; cursor: pointer; font-weight: bold; border-radius: 4px; } .dropdown-content { display: none; position: absolute; background-color: #34495e; color: #ecf0f1; min-width: 160px; border-radius: 4px; margin-top: 0.5re...»)
 
Нет описания правки
 
(не показана 81 промежуточная версия этого же участника)
Строка 1: Строка 1:
<style>
<div style="font-size:30px"> <div class="mobiletext">
.container {
{| class="standard-link" style="margin:0px; text-align: left; line-height:50px"
display: flex;
|-
gap: 1rem;
!style="text-align: center;"|<div class="sprite">[[File:Как выжить.png|64x64px|link=Правила Сервера]]</div>
background-color: #1e1e1e;
|[[Руководство для новичков|Новичкам]]
padding: 1rem;
|-
font-family: sans-serif;
!style="text-align: center;"|<div class="sprite">[[File:Правила.png|64x64px|link=Правила Сервера]]</div>
}
|[[Правила Сервера|Правила]]
 
|-
.dropdown {
!style="text-align: center;"|<div class="sprite">[[File:Вещмешок клоуна.png|64x64px|link=Контрабанда]]</div>
position: relative;
|[[Контрабанда]]
}
|-
 
!style="text-align: center;"|<div class="sprite">[[File:Таблица навыков.png|64x64px|link=Таблица навыков]]</div>
.dropdown-button {
|[[Таблица навыков]]
background-color: #2c3e50;
|-
color: #ecf0f1;
!style="text-align: center;"|<div class="sprite">[[File:Синий адвокатский костюм.png|64x64px|link=Корпоративный Закон]]</div>
border: none;
|[[Корпоративный Закон]]
padding: 0.5rem 1rem;
|-
cursor: pointer;
!style="text-align: center;"|<div class="sprite">[[File:Консоль связи.gif|64x64px|link=Стандартные Рабочие Процедуры]]</div>
font-weight: bold;
|[[Стандартные Рабочие Процедуры]]
border-radius: 4px;
|-
}
!style="text-align: center;"|<div class="sprite">[[File:Бумажная работа.png|64x64px|link=Бумажная работа]]</div>
 
|[[Бумажная работа]]
.dropdown-content {
|-
display: none;
!style="text-align: center;"|<div class="sprite">[[File:Роли main.gif|64x64px|link=Роли]]</div>
position: absolute;
|[[Роли]]
background-color: #34495e;
|-
color: #ecf0f1;
!style="text-align: center;"|<div class="sprite">[[File:Лор.png|64x64px|link=Лор]]</div>
min-width: 160px;
|[[Лор]]
border-radius: 4px;
|-
margin-top: 0.5rem;
!style="text-align: center;"|<div class="sprite">[[File:Галерея.png|64x64px|link=Галерея]]</div>
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
|[[Галерея]]
z-index: 1;
|-
}
|}
 
.dropdown-content a {
color: #ecf0f1;
padding: 0.5rem 1rem;
text-decoration: none;
display: block;
}
 
.dropdown-content a:hover {
background-color: #2c3e50;
}
 
.dropdown:hover .dropdown-content {
display: block;
}
</style>
 
<div class="container">
<div class="dropdown">
<button class="dropdown-button">Федерация</button>
<div class="dropdown-content">
<a href="#">Союз Систем</a>
<a href="#">Центральное Командование</a>
<a href="#">Флот Безопасности</a>
</div>
</div>
 
<div class="dropdown">
<button class="dropdown-button">Конфедерация</button>
<div class="dropdown-content">
<a href="#">Свободные Колонии</a>
<a href="#">Пограничные Миры</a>
<a href="#">Совет Старейшин</a>
</div>
</div>
 
<div class="dropdown">
<button class="dropdown-button">Корпорации</button>
<div class="dropdown-content">
<a href="#">NanoTrasen</a>
<a href="#">CyberSun</a>
<a href="#">Donk Co.</a>
</div>
</div>
 
<div class="dropdown">
<button class="dropdown-button">Что-то еще</button>
<div class="dropdown-content">
<a href="#">Независимые</a>
<a href="#">Пираты</a>
<a href="#">Аномальные Фракции</a>
</div>
</div>
</div>
</div>
</ul>

Текущая версия от 17:47, 24 октября 2025