Шаблон:Smuggling/Item: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показано 13 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
<div class="smuggling-item noExternal mobile-image" tabindex="0" style="background-color: | <div class="smuggling-item noExternal mobile-image" tabindex="0" style="background-color:#8b8b8b28"> | ||
<div class="smuggling-item__level">{{AttentionLevel|{{{Уровень}}}|1}}</div> | <div class="smuggling-item__level">{{AttentionLevel|{{{Уровень}}}|1}}</div> | ||
<div class="smuggling-item__image">{{#if:{{{id|}}}|[[Файл:{{{id}}}.png|64x64px|link=]]|[[файл:{{{Иконка|BikeHorn.png}}}|64x64px|link=]]}}</div> | <div class="smuggling-item__image">{{#if:{{{id|}}}|[[Файл:{{{id}}}.png|64x64px|link=]]|[[файл:{{{Иконка|BikeHorn.png}}}|64x64px|link=]]}}</div> | ||
| Строка 6: | Строка 6: | ||
<div class="smuggling-menu"> | <div class="smuggling-menu"> | ||
<div class="smuggling-menu__header"> | <div class="smuggling-menu__header"> | ||
<div style=" | <div style="padding:6px;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="smuggling-menu__body"> | ||
{{AttensionLevel|{{{Уровень|default}}}}}<br><br> | |||
{{{Описание}}} | {{{Описание}}} | ||
</div></div> | </div></div> | ||
| Строка 57: | Строка 54: | ||
opacity: 0; | opacity: 0; | ||
background-color: #212126; | background-color: #212126; | ||
width: | width: 45%; | ||
height: | height: 65%; | ||
border: 1px solid | border: 1px solid #31313b; | ||
border-radius: 0.5rem; | border-radius: 0.5rem; | ||
position: fixed; | position: fixed; | ||
margin: auto; | margin: auto; | ||
| Строка 69: | Строка 65: | ||
left: 0; | left: 0; | ||
z-index: 100 !important; | z-index: 100 !important; | ||
box-shadow: 0px 0px 0px 100vh rgba(0,0,0,0.6); | box-shadow: 0px 0px 0px 100vh rgba(0, 0, 0, 0.6); | ||
} | } | ||
.smuggling-item:focus-within + .smuggling-menu { | .smuggling-item:focus-within + .smuggling-menu { | ||
visibility: visible; | |||
opacity: 1; | |||
} | } | ||
| Строка 83: | Строка 79: | ||
.smuggling-menu__header { | .smuggling-menu__header { | ||
display: flex; | |||
align-items: center; | |||
position: relative; | position: relative; | ||
background: linear-gradient(90deg, #3a3a45 0%, #3a3a45 10%, #2f2f37 50%); | |||
font-size: 16px; | |||
} | } | ||
| Строка 99: | Строка 89: | ||
height: 100%; | height: 100%; | ||
position: relative; | position: relative; | ||
box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4); | |||
padding: 10px 8px; | |||
overflow: auto; | |||
} | |||
.smuggling-menu__body p { | |||
margin: 0; | |||
margin-bottom: 10px; | |||
} | } | ||
| Строка 105: | Строка 103: | ||
display: flex; | display: flex; | ||
width: 100%; | width: 100%; | ||
text-align: left; | |||
} | } | ||
| Строка 117: | Строка 116: | ||
.smuggling-item__image { | .smuggling-item__image { | ||
padding: 4px; | padding: 4px; | ||
} | |||
.smuggling-menu { | |||
width: 88%; | |||
height: 80%; | |||
} | } | ||
} | } | ||
| Строка 123: | Строка 127: | ||
.smuggling-item:hover { | .smuggling-item:hover { | ||
filter: brightness(105%); | filter: brightness(105%); | ||
} | |||
.smuggling-menu__body::-webkit-scrollbar { | |||
width: 10px; | |||
} | |||
.smuggling-menu__body::-webkit-scrollbar-track { | |||
background: #2f2f37; | |||
} | |||
.smuggling-menu__body::-webkit-scrollbar-thumb { | |||
background: #43434e; | |||
border: 2px solid #2f2f37; | |||
} | } | ||
</div> | </div> | ||
Текущая версия от 12:10, 5 ноября 2024
❔
{{{Название}}}
{{{Название}}}
