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

Материал из Space Station 14 Вики
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
<input type="search">
<tabs>
      <tab name="Воровство предметов">
<div class="flex-container" style="margin-top: 8px;">
<li class="flex-item">[[Файл:Forensic scan.png|32px|link=]][[Инвентарь службы безопасности|Криминал. сканер]]</li>
<li class="flex-item">[[Файл:EngravedFlippo.png|32px|link=]][[Инвентарь службы безопасности|Гравированная зажигалка]]</li>
<li class="flex-item">[[Файл:Warden hat.png|32px|link=]][[Инвентарь службы безопасности|Фуражка смотрителя]]</li>
<li class="flex-item">[[Файл:ClothingOuterHardsuitVoidParamed.png|32px|link=]][[Медицинский инвентарь|Скафандр парамедика]]</li>
<li class="flex-item">[[Файл:MedFab.png|32px|link=]][[Медицинский инвентарь|Плата МедФаба]]</li>
<li class="flex-item">[[Файл:Медгарнитура.png|32px|link=]][[ГВ|Гарнитура ГлавВрача]]</li>
<li class="flex-item">[[Файл:Fireaxe.png|32px|link=]][[Инженерный инвентарь|Пожарный топор]]</li>
<li class="flex-item">[[Файл:AMEpart.png|32px|link-=]][[Инженерный инвентарь|Запчасть ДАМ]]</li>
<li class="flex-item">[[Файл:SalvageConsoleCircuit.png|32px|link=]][[Инвентарь отдела снабжения|Плата эксп.консоли]]</li>
<li class="flex-item">[[Файл:ComputerCircuitBoard.png|32px|link=]][[Инвентарь отдела снабжения|Плата консоли грузового шаттла]]</li>
<li class="flex-item">[[Файл:Библия.png|32px|link=]][[Священник|Библия]]</li>
<li class="flex-item">[[Файл:Beergoggles.png|32px|link=]][[Инвентарь сервисного отдела|Пивные очки]]</li>
<li class="flex-item">[[Файл:GoldMedal.png.png|32px|link=]]Золотая медаль</li>
<li class="flex-item">[[Файл:Clownmedal.png|32px|link=]]Клоунская медаль</li>
</div>
      </tab>
 
      <tab name="Название второй страницы">
<div class="flex-container" style="margin-top: 8px;">
<li class="flex-item">[[Файл:Cloaks.png|32px|link=]]Плащи Глав</li>
<li class="flex-item">[[Файл:Sheets.png|32px|link=]]Одеялки Глав</li>
<li class="flex-item">[[Файл:Stamps.png|32px|link=]]Любые печати</li>
<li class="flex-item">[[Файл:Remouts.png|32px|link=]]Пульты отделов</li>
<li class="flex-item">[[Файл:RNDdisk.png|32px|link=]][[Научный отдел|Тех.диски]]</li>
<li class="flex-item">[[Файл:PassangerIDCard.png|32px|link=]]ID карты</li>
<li class="flex-item">[[Файл:Encryptionkeys.png|32px|link=]][[Коммуникация|Ключи шифрования]]</li>
<li class="flex-item">[[Файл:LAMP.png|32px|link=]]Любые светильники</li>
</div>
      </tab>
 
      <tab name="Название третьей страницы">
Хехе
      </tab>
</tabs>
{{#css:
.flex-container {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.flex-item {
flex-basis: calc(50% - 4px);
box-sizing: border-box;
background-color: #2d2d35;
padding: 4px;
border-radius: 0.3em;
border: 1px solid black;
list-style-type: none;
text-align: left;
transition: background-color 0.05s ease;
    style="margin-top: 8px;"
}
.flex-item:hover {
background-color: #303039;
}
@media (max-width: 800px) {
.flex-container {
width: 100%;
}
.flex-item {
flex-basis: 100%;
}
.flex-item:hover {
background-color: #2d2d35;
}
{
}}

Версия от 12:25, 16 октября 2024