Шаблон:AltTooltip: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) Нет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показано 8 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
<span class="alt-tooltip"><span style=" | <span class="alt-tooltip"><span style="color:{{{color|#e1f6ff}}};font-weight:{{{font-weight|normal}}};">{{{1|ваш текст}}}</span><!-- | ||
--><span class="alt-tooltiptext" style="color:lightgrey;font-size:initial; z-index: 150 !important; | --><span class="alt-tooltiptext" style="color:lightgrey;font-size:initial; 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: left; z-index: 150 !important;text-wrap: | --><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 { | .alt-tooltip { | ||
position: relative; | position: relative; | ||
| Строка 20: | Строка 20: | ||
.alt-tooltiptext { | .alt-tooltiptext { | ||
position: absolute; | position: absolute; | ||
width: 280px; | |||
right: -200px; | right: -200px; | ||
left: -140px; | left: -140px; | ||
top: | top: 100%; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
| Строка 31: | Строка 30: | ||
visibility: hidden; | visibility: hidden; | ||
transition: all 0.1s; | transition: all 0.1s; | ||
padding: 2px 4px; | |||
border: 1px solid #5f5f73; | |||
background-color: #282831; | background-color: #282831; | ||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); | |||
} | } | ||
| Строка 39: | Строка 39: | ||
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; | |||
} | |||
} | |||
}} | |||
Текущая версия от 08:45, 10 октября 2024
ваш текстНазвание
