Шаблон:LinkCard/Smuggling: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| Строка 8: | Строка 8: | ||
}}</div> | }}</div> | ||
<div class="link-card--smuggling-menu"> | <div class="link-card--smuggling-menu"> | ||
{{GradientHeaderFrame/Sub | |||
|title = {{#if:{{{id|}}}|[[Файл:{{{id}}}.png|32x32px|link=|link=]]|[[файл:{{{Иконка|BikeHorn.png}}}|32x32px|link=]]}} {{#if:{{{id|}}}|{{#invoke:Entity Lookup|getname|{{{id}}}}}|{{{Название}}}}} | |||
|margin = 0 | |||
|content = | |||
<div class="link-card--smuggling-menu__body | <div class="link-card--smuggling-menu__body"> | ||
<div class="link-card--smuggling-menu__body-level">{{AttensionLevel|{{{Уровень|default}}}}}</div><span>{{{Описание}}}</span> | <div class="link-card--smuggling-menu__body-level">{{AttensionLevel|{{{Уровень|default}}}}}</div> | ||
<span>{{{Описание}}}</span> | |||
</div> | </div> | ||
}} | |||
</div><!-- | </div><!-- | ||
| Строка 20: | Строка 22: | ||
{{#css: | {{#css: | ||
.link-card--smuggling { | .link-card--smuggling { | ||
display: inline; | |||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.link-card--smuggling-menu { | .link-card--smuggling-menu { | ||
display: none; | |||
display: | |||
width: 45%; | width: 45%; | ||
height: 65%; | height: 65%; | ||
position: fixed; | position: fixed; | ||
margin: auto; | margin: auto; | ||
| Строка 44: | Строка 40: | ||
} | } | ||
.link-card--smuggling- | .link-card--smuggling-menu .gradient-header-frame-sub { | ||
height: 100%; | height: 100%; | ||
box-sizing: border-box; | |||
box- | |||
} | } | ||
| Строка 76: | Строка 61: | ||
width: 100%; | width: 100%; | ||
text-align: left; | text-align: left; | ||
} | } | ||
| Строка 98: | Строка 71: | ||
--><div class="customCSS" style="display:none"> | --><div class="customCSS" style="display:none"> | ||
.link-card--smuggling:focus-within + .link-card--smuggling-menu { | .link-card--smuggling:focus-within + .link-card--smuggling-menu { | ||
display: block; | |||
} | } | ||
.link-card--smuggling-menu:hover { | .link-card--smuggling-menu:hover { | ||
display: block; | |||
} | } | ||
.link-card--smuggling-menu__body-level { | .link-card--smuggling-menu__body-level { | ||
margin-bottom: 8px; | margin-bottom: 8px; | ||
background: | background: var(--theme-bg-color-200); | ||
padding: 4px 6px; | padding: 4px 6px; | ||
border-radius: 0.4em; | border-radius: 0.4em; | ||