Шаблон:AltTooltip: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
(не показано 14 промежуточных версий этого же участника) | |||
Строка 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="font-size:initial; z-index: 150 !important; | |||
{{#switch:{{{ | --><span class="alt-tooltiptext" style="color:lightgrey;font-size:initial; z-index: 150 !important; | ||
<span style="display: block;text-align: center; z-index: 150 !important;text-wrap: | {{#switch:{{{posX|}}}|left=left:unset;right:0;|right=left:0;right:unset;|}}{{#switch:{{{posY|}}}|top=top:-25px;}}"><!-- | ||
</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: 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 { | |||
position: relative; | |||
display: inline; | |||
cursor: help; | |||
} | |||
.alt-tooltiptext { | |||
position: absolute; | |||
width: 280px; | |||
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 4px; | |||
border: 1px solid #5f5f73; | |||
background-color: #282831; | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); | |||
} | |||
.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; | |||
} | |||
} | |||
}} |
Текущая версия от 08:45, 10 октября 2024
ваш текстНазвание