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

Материал из Space Station 14 Вики
Нет описания правки
мНет описания правки
 
(не показано 11 промежуточных версий этого же участника)
Строка 1: Строка 1:
<span class="alt-tooltip"><span style="color:{{{color|#e1f6ff}}};font-weight:{{{font-weight|normal}}};">{{{1|ваш текст}}}</span><!--
<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; z-index: 150 !important;
{{#switch:{{{pos|}}}|left=left:unset;right:0;|right=left:0;right:unset;|}}"><!--
{{#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:nowrap;">{{{2|Название}}}</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}}}|}}}}
-->{{#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><!--


--><div class="customCSS" style="display:none">
-->{{#css:
.alt-tooltip {
.alt-tooltip {
position: relative;
position: relative;
Строка 20: Строка 20:
.alt-tooltiptext {
.alt-tooltiptext {
position: absolute;
position: absolute;
min-width: max-content;
width: 320px;
max-width: max-content;
right: -200px;
right: -200px;
left: -140px;
left: -140px;
top: 120%;
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: 0 6px;
    padding: 2px 6px;
border: 1px solid #4c4c61;
    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.3);
background-color: #282831;
    border: 1px solid #5a5a6d;
    background-color: #282831f0;
    font-weight: 400;
    font-size: 15px;
    font-family: "noto sans";
}
}


Строка 39: Строка 42:
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;
    }
}
}}

Текущая версия от 20:50, 18 ноября 2024

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