Шаблон:AltTooltip: различия между версиями

Материал из Space Station 14 Вики
Нет описания правки
мНет описания правки
 
(не показано 20 промежуточных версий этого же участника)
Строка 1: Строка 1:
<span class="alt-tooltip" style="cursor:help;"><span style="color:{{{color|#e1f6ff}}}>{{{1|ваш текст}}}</span>
<span class="alt-tooltip"><span style="color:{{{color|#e1f6ff}}};font-weight:{{{font-weight|normal}}};">{{{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 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;}}"><!--
<div class="customCSS" style="display:none">
--><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;
min-width: 300px;
width: 280px;
max-width: 100%;
right: -200px;
right: -200px;
left: -140px;
left: -140px;
top: 120%;
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: 0 6px;
    padding: 2px 4px;
border: 1px solid #4c4c61;
    border: 1px solid #5f5f73;
background-color: #282831;
background-color: #282831;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
}


Строка 30: Строка 39:
visibility: visible;
visibility: visible;
opacity: 1;
opacity: 1;
    transition-delay: 0.05s;
}
}


</div>
@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

ваш текстНазвание