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

Интерактивная навигация по истории

← Предыдущая правка

ВизуальныйВики-текст

@@ Строка 1: / Строка 1: @@
-<span class="alt-tooltip" style="cursor:help;"><span style="color:{{{color|#e1f6ff}}}">{{{1|ваш текст}}}</span><!--
+<span class="alt-tooltip"><span style="{{#if:{{{no-text-decoration|}}}||border-bottom:1px dotted var(--theme-text-color-dark)}}>{{{1|ваш текст}}}</span><!--
---><span class="alt-tooltiptext" style="color:white;font-size:initial; z-index: 150 !important;
+--><span class="alt-tooltiptext" style="font-weight:normal; font-style:normal; color:var(--theme-text-color-header); z-index: 1500 !important;{{#switch:{{{posX|}}}|left=left:unset;right:-24px;|right=left:24px;right:unset;|}}{{#switch:{{{posY|}}}|top=top:-25px;}}><!--
-{{#switch:{{{pos|}}}|left=left:unset;right:0;|right=left:0;right:unset;|}}"><!--
---><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: 1500 !important;">{{#if:{{{img|}}}|[[File:{{{img}}}|middle|96px]]|}}</span><!--
---><span style="display: block;text-align: center; z-index: 150 !important;text-wrap:nowrap;">{{{2|Название Название Название Название Название Название}}}</span><!--
+-->{{#if:{{{2|}}}|
+{{#if:{{{3|}}}
+| <!-- Если есть 3 параметр -->
+<span style="display:block; text-align:left; z-index: 1500 !important; text-wrap:wrap; font-size:var(--font-size-l); font-weight:bold;">{{{2}}}</span><span style="display:block; text-align:left; line-height:20px; font-size:var(--font-size-s); z-index:1500 !important;">{{{3}}}</span>
+| <!-- Если есть только 2 параметра -->
+<span style="display:block; text-align:left; line-height:20px; font-size:var(--font-size-s); z-index:1500 !important;">{{{2}}}</span>
+}}}}</span></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}}}|}}}}
+--><templatestyles src="AltTooltip/styles.css" />
-<div class="customCSS" style="display:none">
-.alt-tooltip {
-	position: relative;
-	display: inline
-}
-.alt-tooltiptext {
-	position: absolute;
-	min-width: max-content;
-	max-width: max-content;
-	right: -200px;
-	left: -140px;
-	top: 120%;
-	margin-left: auto;
-	margin-right: auto;
-	z-index: 99;
-	pointer-events: none;
-	visibility: hidden;
-	transition: all 0.1s;
-	padding: 0 6px;
-	border: 1px solid #4c4c61;
-	background-color: #282831;
-}
-.alt-tooltip:hover>.alt-tooltiptext {
-	visibility: visible;
-	opacity: 1;
-}
-</div>