Шаблон:AltTooltip: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) (Новая страница: «<span class="alt-tooltip" style="cursor:help;"><span style="color:{{{color|#e1f6ff}}}>{{{1|ваш текст}}}</span> <span class="alt-tooltiptext" style="color:white;font-size:initial; z-index: 150 !important;> <span style="display: block;z-index: 150 !important;>{{{2|Содержимое}}}</span> </span> <div class="customCSS" style="display:none"> .alt-tooltip { position: relative; display: inline } .alt-tooltiptext { position: absolute; min-width:...») |
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="color: | |||
<span style="display: block;z-index: 150 !important;>{{{ | --><span class="alt-tooltiptext" style="color:lightgrey;font-size:initial; z-index: 150 !important; | ||
</span> | {{#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: 280px; | |||
right: -200px; | |||
left: -140px; | |||
top: | top: 100%; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
| Строка 24: | Строка 33: | ||
border: 1px solid #4c4c61; | border: 1px solid #4c4c61; | ||
background-color: #282831; | background-color: #282831; | ||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); | |||
} | } | ||
| Строка 29: | Строка 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; | |||
} | |||
} | |||
}} | |||
Текущая версия от 20:35, 28 сентября 2024
ваш текстНазвание
