Template:AdvancedTooltip: Difference between revisions

From MalveraWiki
← Older editNewer edit →
Kuba445 (talk | contribs)
moderator
1,786 edits
No edit summary
Kuba445 (talk | contribs)
moderator
1,786 edits
No edit summary
Line 1: Line 1:
<noinclude>
<noinclude><pre>{{Tooltip | Header | Name | Val | Chance | Name | Val | Chance ... }}</pre></noinclude><includeonly><div class="tooltip-wrapper"><span style="border-bottom: 1px dotted #e2d8ff; cursor: help; font-weight:bold;">{{{1|?}}}</span><div class="custom-tooltip" style="pointer-events: none; width: max-content; min-width: 300px; max-width: 800px; padding: 10px;"><div style="text-align: center; font-weight: bold; font-size: 1.2em; margin-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 5px; color:#e2d8ff;">{{{1}}}</div><div style="display: flex; flex-wrap: wrap; gap: 5px; align-items: stretch; justify-content: center;">
<pre>
{{Tooltip | Header Name
| Attr1 Name | Val1 | Chance1
| Attr2 Name | Val2 | Chance2
...
}}
</pre>
</noinclude><includeonly><div class="tooltip-wrapper"><span style="border-bottom: 1px dotted #e2d8ff; cursor: help; font-weight:bold;">{{{1|?}}}</span><div class="custom-tooltip" style="pointer-events: none; width: max-content; min-width: 300px; max-width: 800px; padding: 10px;"><div style="text-align: center; font-weight: bold; font-size: 1.2em; margin-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 5px; color:#e2d8ff;">{{{1}}}</div><div style="display: flex; flex-wrap: wrap; gap: 5px; align-items: stretch; justify-content: center;">
 
<div style="display:{{{2|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{2}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{3}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{4}}}</td></tr></table></div>
<div style="display:{{{2|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{2}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{3}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{4}}}</td></tr></table></div>
<div style="display:{{{5|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{5}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{6}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{7}}}</td></tr></table></div>
<div style="display:{{{5|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{5}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{6}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{7}}}</td></tr></table></div>
<div style="display:{{{8|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{8}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{9}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{10}}}</td></tr></table></div>
<div style="display:{{{8|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{8}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{9}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{10}}}</td></tr></table></div>
<div style="display:{{{11|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{11}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{12}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{13}}}</td></tr></table></div>
<div style="display:{{{11|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{11}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{12}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{13}}}</td></tr></table></div>
<div style="display:{{{14|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{14}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{15}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{16}}}</td></tr></table></div>
<div style="display:{{{14|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{14}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{15}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{16}}}</td></tr></table></div>
<div style="display:{{{17|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{17}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{18}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{19}}}</td></tr></table></div>
<div style="display:{{{17|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{17}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{18}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{19}}}</td></tr></table></div>
 
<div style="display:{{{20|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{20}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{21}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{22}}}</td></tr></table></div>
<div style="display:{{{23|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{23}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{24}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{25}}}</td></tr></table></div>
<div style="display:{{{26|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{26}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{27}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{28}}}</td></tr></table></div>
<div style="display:{{{29|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{29}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{30}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{31}}}</td></tr></table></div>
<div style="display:{{{32|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{32}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{33}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{34}}}</td></tr></table></div>
<div style="display:{{{35|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{35}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{36}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{37}}}</td></tr></table></div>
<div style="display:{{{38|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{38}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{39}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{40}}}</td></tr></table></div>
<div style="display:{{{41|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{41}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{42}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{43}}}</td></tr></table></div>
<div style="display:{{{44|none}}}; flex: 1 1 160px; min-width: 160px; flex-direction: column;"><table class="wikitable" style="margin: 0 !important; width: 100%; height: 100%; text-align: center; border-collapse: collapse; table-layout: fixed;"><tr style="height: 32px;"><th style="color:#cbb4ff; text-align:center; padding: 4px; width: 60%; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{{44}}}</th><th style="color:#a89ad1; font-size:0.9em; text-align:center; padding: 4px; width: 40%; vertical-align: middle; white-space: nowrap;">Chance</th></tr><tr><td style="vertical-align:top; text-align:center; padding: 6px 4px;">{{{45}}}</td><td style="color:#ccc; vertical-align:top; text-align:center; padding: 6px 4px;">{{{46}}}</td></tr></table></div>
</div></div></div></includeonly>
</div></div></div></includeonly>

Revision as of 20:27, 2 February 2026

{{Tooltip | Header | Name | Val | Chance | Name | Val | Chance ... }}
Retrieved from "https://wiki.malvera.online/index.php?title=Template:AdvancedTooltip&oldid=3406"