Шаблон:LinkСard/Smuggling: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показана 1 промежуточная версия этого же участника) | |||
| Строка 1: | Строка 1: | ||
<div class="smuggling | <div class="link-card-smuggling noExternal mobile-image" tabindex="0" style="background-color:#8b8b8b28"> | ||
<div class=" | <div class="link-card-smuggling__level">{{AttentionLevel|{{{Уровень}}}|1}}</div> | ||
<div class=" | <div class="link-card-smuggling__image">{{#if:{{{id|}}}|[[Файл:{{{id}}}.png|64x64px|link=]]|[[файл:{{{Иконка|BikeHorn.png}}}|64x64px|link=]]}}</div> | ||
<div class=" | <div class="link-card-smuggling__name">'''{{#if:{{{id|}}}|{{#invoke:Entity Lookup|getname|{{{id}}}}}|{{{Название}}}}}'''</div> | ||
</div> | </div> | ||
<div class="smuggling-menu"> | <div class="link-card-smuggling-menu"> | ||
<div class="smuggling-menu__header"> | <div class="link-card-smuggling-menu__header"> | ||
<div style="padding:4px;margin-right:4px;">{{#if:{{{id|}}}|[[Файл:{{{id}}}.png|32x32px|link=]]|[[файл:{{{Иконка|BikeHorn.png}}}|32x32px|link=]]}}</div> | <div style="padding:4px;margin-right:4px;">{{#if:{{{id|}}}|[[Файл:{{{id}}}.png|32x32px|link=]]|[[файл:{{{Иконка|BikeHorn.png}}}|32x32px|link=]]}}</div> | ||
<div>'''{{#if:{{{id|}}}|{{#invoke:Entity Lookup|getname|{{{id}}}}}|{{{Название}}}}}'''</div> | <div>'''{{#if:{{{id|}}}|{{#invoke:Entity Lookup|getname|{{{id}}}}}|{{{Название}}}}}'''</div> | ||
</div> | </div> | ||
<div class="smuggling-menu__body"> | <div class="link-card-smuggling-menu__body"> | ||
<div class="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> | ||
<!-- | <!-- | ||
| Строка 16: | Строка 16: | ||
--> | --> | ||
{{#css: | {{#css: | ||
.smuggling | .link-card-smuggling { | ||
display: inline-block; | display: inline-block; | ||
position: relative; | position: relative; | ||
| Строка 29: | Строка 29: | ||
} | } | ||
. | .link-card-smuggling__level { | ||
position: absolute; | position: absolute; | ||
right: 4px; | right: 4px; | ||
| Строка 35: | Строка 35: | ||
} | } | ||
. | .link-card-smuggling__image { | ||
padding: 6px; | padding: 6px; | ||
} | } | ||
. | .link-card-smuggling__name { | ||
background: #00000040; | background: #00000040; | ||
padding: 2px 4px; | padding: 2px 4px; | ||
| Строка 47: | Строка 47: | ||
} | } | ||
.smuggling-menu { | .link-card-smuggling-menu { | ||
overflow-y: auto; | overflow-y: auto; | ||
display: flex; | display: flex; | ||
| Строка 68: | Строка 68: | ||
} | } | ||
.smuggling | .link-card-smuggling:focus-within + .link-card-smuggling-menu { | ||
visibility: visible; | visibility: visible; | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
.smuggling-menu:hover { | .link-card-smuggling-menu:hover { | ||
visibility: visible; | visibility: visible; | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
.smuggling-menu__header { | .link-card-smuggling-menu__header { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| Строка 86: | Строка 86: | ||
} | } | ||
.smuggling-menu__body { | .link-card-smuggling-menu__body { | ||
height: 100%; | height: 100%; | ||
position: relative; | position: relative; | ||
| Строка 94: | Строка 94: | ||
} | } | ||
.smuggling-menu__body-level { | .link-card-smuggling-menu__body-level { | ||
margin-bottom: 8px; | margin-bottom: 8px; | ||
background: #2c2c33; | background: #2c2c33; | ||
| Строка 102: | Строка 102: | ||
} | } | ||
.smuggling-menu__body p { | .link-card-smuggling-menu__body p { | ||
margin: 0; | margin: 0; | ||
margin-top: 12px; | margin-top: 12px; | ||
| Строка 108: | Строка 108: | ||
} | } | ||
.smuggling-menu__body ul { | .link-card-smuggling-menu__body ul { | ||
margin-top: 12px; | margin-top: 12px; | ||
margin-bottom: -12px; | margin-bottom: -12px; | ||
| Строка 114: | Строка 114: | ||
@media (max-width: 800px) { | @media (max-width: 800px) { | ||
.smuggling | .link-card-smuggling { | ||
display: flex; | display: flex; | ||
width: 100%; | width: 100%; | ||
| Строка 120: | Строка 120: | ||
} | } | ||
. | .link-card-smuggling__name { | ||
background: #00000020; | background: #00000020; | ||
padding: 4px 6px; | padding: 4px 6px; | ||
| Строка 128: | Строка 128: | ||
} | } | ||
. | .link-card-smuggling__image { | ||
padding: 4px; | padding: 4px; | ||
} | } | ||
.smuggling-menu { | .link-card-smuggling-menu { | ||
width: 86%; | width: 86%; | ||
height: 80%; | height: 80%; | ||
| Строка 139: | Строка 139: | ||
}}<!-- | }}<!-- | ||
--><div class="customCSS" style="display:none"> | --><div class="customCSS" style="display:none"> | ||
.smuggling | .link-card-smuggling:hover { | ||
filter: brightness(108%); | filter: brightness(108%); | ||
} | } | ||
.smuggling-menu__body::-webkit-scrollbar { | .link-card-smuggling-menu__body::-webkit-scrollbar { | ||
width: 12px; | width: 12px; | ||
} | } | ||
.smuggling-menu__body::-webkit-scrollbar-track { | .link-card-smuggling-menu__body::-webkit-scrollbar-track { | ||
background: #2f2f37; | background: #2f2f37; | ||
} | } | ||
.smuggling-menu__body::-webkit-scrollbar-thumb { | .link-card-smuggling-menu__body::-webkit-scrollbar-thumb { | ||
background: #4b4b52; | background: #4b4b52; | ||
border: 3px solid #2f2f37; | border: 3px solid #2f2f37; | ||
Текущая версия от 18:46, 5 декабря 2024
𒊹
{{{Название}}}
{{{Название}}}
