Обсуждение участника:Futuristic: различия между версиями
Материал из Space Station 14 Вики
мНет описания правки |
мНет описания правки |
||
| Строка 1: | Строка 1: | ||
<tabs> | <tabs> | ||
<tab name="Название первой страницы"> | <tab name="Название первой страницы"> | ||
<div class="flex-container" | <div class="flex-container" style="margin-top: 8px;"> | ||
<li class="flex-item">[[Файл:Forensic scan.png|32px|link=]][[Инвентарь службы безопасности|Криминал. сканер]]</li> | |||
<li class="flex-item">[[Файл: | <li class="flex-item">[[Файл:EngravedFlippo.png|32px|link=]][[Инвентарь службы безопасности|Гравированная зажигалка]]</li> | ||
<li class="flex-item">[[Файл: | <li class="flex-item">[[Файл:ClothingOuterHardsuitVoidParamed.png|32px|link=]][[Медицинский инвентарь|Скафандр парамедика]]</li> | ||
<li class="flex-item">[[Файл: | </div> | ||
</div> | </div> | ||
</tab> | </tab> | ||
| Строка 17: | Строка 20: | ||
</tab> | </tab> | ||
</tabs> | </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; | |||
} | |||
{ | |||
}} | |||
