Шаблон:AltTooltip: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) Нет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
(не показаны 24 промежуточные версии этого же участника) | |||
Строка 1: | Строка 1: | ||
<span class="alt-tooltip | <span class="alt-tooltip"><span style="color:{{{color|#e1f6ff}}};font-weight:{{{font-weight|normal}}};">{{{1|ваш текст}}}</span><!-- | ||
<span class="alt-tooltiptext" style="color: | |||
<span style="display: block;z-index: 150 !important;>{{{2| | --><span class="alt-tooltiptext" style="color:lightgrey; z-index: 150 !important; | ||
< | {{#switch:{{{posX|}}}|left=left:unset;right:0;|right=left:0;right:unset;|}}{{#switch:{{{posY|}}}|top=top:-25px;}}"><!-- | ||
--><span style="display: block;text-align: center; z-index: 150 !important;">{{#if:{{{img|}}}|[[File:{{{img}}}|middle|96px]]|}}</span><!-- | |||
--><span style="display: block;text-align: left; z-index: 150 !important;text-wrap:wrap;">{{{2|Название}}}</span><!-- | |||
-->{{#if:{{{3|}}}|<span style="display: block;text-align: left;line-height: 15px;font-size:85%; z-index: 150 !important;"><br>{{{3|Описание}}}{{#if:{{{4|}}}|<br>{{{4}}}|}}}} | |||
</span></span><!-- | |||
-->{{#css: | |||
.alt-tooltip { | .alt-tooltip { | ||
position: relative; | position: relative; | ||
display: inline | display: inline; | ||
cursor: help; | |||
} | } | ||
.alt-tooltiptext { | .alt-tooltiptext { | ||
position: absolute; | position: absolute; | ||
width: 320px; | |||
right: -200px; | right: -200px; | ||
left: -140px; | left: -140px; | ||
top: | top: 100%; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
Строка 22: | Строка 30: | ||
visibility: hidden; | visibility: hidden; | ||
transition: all 0.1s; | transition: all 0.1s; | ||
padding: 2px 6px; | |||
box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.3); | |||
border: 1px solid #5a5a6d; | |||
background-color: #282831f0; | |||
font-weight: 400; | |||
font-size: 15px; | |||
font-family: "noto sans"; | |||
} | } | ||
Строка 30: | Строка 42: | ||
visibility: visible; | visibility: visible; | ||
opacity: 1; | opacity: 1; | ||
transition-delay: 0.05s; | |||
} | } | ||
@media screen and (max-width: 850px) { | |||
.alt-tooltip { | |||
position: static | |||
} | |||
.alt-tooltiptext { | |||
box-shadow: 0px 0px 100vw 100vh rgb(0 0 0 / 60%); | |||
position: fixed!important; | |||
width: 80vw !important; | |||
top: 40vh !important; | |||
left: 0 !important; | |||
margin: 0 auto !important; | |||
right: 0!important; | |||
} | |||
} | |||
}} |
Текущая версия от 20:50, 18 ноября 2024
ваш текстНазвание