Шаблон:AltTooltip: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показано 19 промежуточных версий этого же участника) | |||
| Строка 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=" | --><span class="alt-tooltiptext" style="color:lightgrey; z-index: 150 !important; | ||
{{#switch:{{{ | {{#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: center; z-index: 150 !important;">{{#if:{{{img|}}}|[[File:{{{img}}}|middle|96px]]|}}</span><!-- | ||
--><span style="display: block;text-align: | --><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}}}|}}}} | -->{{#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> | </span></span><!-- | ||
-->{{#css: | |||
.alt-tooltip { | |||
position: relative; | |||
display: inline; | |||
cursor: help; | |||
} | |||
.alt-tooltiptext { | |||
position: absolute; | |||
width: 320px; | |||
right: -200px; | |||
left: -140px; | |||
top: 100%; | |||
margin-left: auto; | |||
margin-right: auto; | |||
z-index: 99; | |||
pointer-events: none; | |||
visibility: hidden; | |||
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"; | |||
} | |||
.alt-tooltip:hover>.alt-tooltiptext { | |||
visibility: visible; | |||
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
ваш текстНазвание
