Vorlage:SetBonus: Unterschied zwischen den Versionen
Zur Navigation springen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
<includeonly> | |||
<style> | |||
div.tt_bg_tl, div.tt_bg_tr, div.tt_bg_bl, div.tt_bg_br { | |||
background-image: url("https://wiki.the-west.fr/images/f/fc/Tooltip_bg.png"); | |||
background-repeat: no-repeat; | |||
position: absolute; | |||
z-index: -1; | |||
} | |||
.tt_bg_tl { | |||
background-position: left top; | |||
bottom: 50%; | |||
left: 0; | |||
right: 50%; | |||
top: 0; | |||
} | |||
.tt_bg_tr { | |||
background-position: right top; | |||
bottom: 50%; | |||
right: 0; | |||
top: 0; | |||
width: 50%; | |||
} | |||
.tt_bg_bl { | |||
background-position: left bottom; | |||
bottom: 0; | |||
height: 50%; | |||
left: 0; | |||
right: 50%; | |||
} | |||
.tt_bg_br { | |||
background-position: right bottom; | |||
bottom: 0; | |||
height: 50%; | |||
right: 0; | |||
width: 50%; | |||
} | |||
.tooltip_outer { | |||
bottom: 100%; | |||
left: 50%; | |||
margin-bottom: 8px; | |||
position: absolute; | |||
z-index: -1; | |||
} | |||
.tooltip { | |||
color: black; | |||
left: -50%; | |||
max-width: 350px; | |||
opacity: 0; | |||
padding: 10px 13px 12px; | |||
position: relative; | |||
transform: translateZ(0px) scale(1, 1); | |||
transition: opacity 0.15s ease-in-out 0s; | |||
visibility: hidden; | |||
white-space: nowrap; | |||
} | |||
.tooltip::after { | |||
background-image: url("https://wiki.the-west.fr/images/3/32/Tooltip_arrow.png"); | |||
content: " "; | |||
height: 11px; | |||
left: 50%; | |||
margin-left: -11px; | |||
margin-top: -4px; | |||
position: absolute; | |||
top: 100%; | |||
width: 22px; | |||
} | |||
.tooltip_container { | |||
position: relative; | |||
} | |||
.tooltip_container:hover .tooltip { | |||
opacity: 1; | |||
transition: opacity 0.15s ease-in-out 0.4s; | |||
visibility: visible; | |||
} | |||
.tooltip_container:hover > .tooltip_outer { | |||
z-index: 1000; | |||
} | |||
</style></includeonly> | |||
<includeonly><div style="border:1px solid #997146;width:40px;text-align:center;background-color:#4E3E26;color:#fff;font:12px arial;float:left;" class="tooltip_container">[[Datei:{{{2}}}.png|40px|link=]]'''+{{#iferror: {{#ifexpr:{{{1}}}<1|{{#ifexpr:{{{1}}}<0|<span class="calc" id="{{#expr:{{{1}}}*(-1)}}">{{#expr:{{{1}}}*(-1)}}</span>|<span class="calc" id="{{{1}}}">{{{1}}}</span>}}|{{{1}}}}}|{{{1}}}}}'''<div class="tooltip_outer"><div class="tooltip"><div class="tt_bg_tl"></div><div class="tt_bg_tr"></div><div class="tt_bg_bl"></div><div class="tt_bg_br"></div><div id="tooltip_content">{{#if:{{{3|}}}|{{{3}}}|{{{2}}}}}{{#iferror: {{#ifexpr:{{{1}}}<1| <span class="per_level"></span>|}} }}</div></div></div></div></includeonly> | <includeonly><div style="border:1px solid #997146;width:40px;text-align:center;background-color:#4E3E26;color:#fff;font:12px arial;float:left;" class="tooltip_container">[[Datei:{{{2}}}.png|40px|link=]]'''+{{#iferror: {{#ifexpr:{{{1}}}<1|{{#ifexpr:{{{1}}}<0|<span class="calc" id="{{#expr:{{{1}}}*(-1)}}">{{#expr:{{{1}}}*(-1)}}</span>|<span class="calc" id="{{{1}}}">{{{1}}}</span>}}|{{{1}}}}}|{{{1}}}}}'''<div class="tooltip_outer"><div class="tooltip"><div class="tt_bg_tl"></div><div class="tt_bg_tr"></div><div class="tt_bg_bl"></div><div class="tt_bg_br"></div><div id="tooltip_content">{{#if:{{{3|}}}|{{{3}}}|{{{2}}}}}{{#iferror: {{#ifexpr:{{{1}}}<1| <span class="per_level"></span>|}} }}</div></div></div></div></includeonly> |
Version vom 15. November 2016, 16:40 Uhr