Vorlage:SetBonus: Unterschied zwischen den Versionen
Zur Navigation springen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
<includeonly> | <includeonly> | ||
<style | <div style= | ||
div.tt_bg_tl, div.tt_bg_tr, div.tt_bg_bl, div.tt_bg_br { | 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-image: url("https://wiki.the-west.fr/images/f/fc/Tooltip_bg.png"); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
position: absolute; | position: absolute; | ||
z-index: -1; | z-index: -1;} | ||
} | |||
.tt_bg_tl { | .tt_bg_tl { | ||
background-position: left top; | background-position: left top; | ||
Zeile 12: | Zeile 11: | ||
left: 0; | left: 0; | ||
right: 50%; | right: 50%; | ||
top: 0; | top: 0;} | ||
} | |||
.tt_bg_tr { | .tt_bg_tr { | ||
background-position: right top; | background-position: right top; | ||
Zeile 19: | Zeile 17: | ||
right: 0; | right: 0; | ||
top: 0; | top: 0; | ||
width: 50%; | width: 50%;} | ||
} | |||
.tt_bg_bl { | .tt_bg_bl { | ||
background-position: left bottom; | background-position: left bottom; | ||
Zeile 26: | Zeile 23: | ||
height: 50%; | height: 50%; | ||
left: 0; | left: 0; | ||
right: 50%; | right: 50%;} | ||
} | |||
.tt_bg_br { | .tt_bg_br { | ||
background-position: right bottom; | background-position: right bottom; | ||
Zeile 33: | Zeile 29: | ||
height: 50%; | height: 50%; | ||
right: 0; | right: 0; | ||
width: 50%; | width: 50%;} | ||
} | |||
.tooltip_outer { | .tooltip_outer { | ||
bottom: 100%; | bottom: 100%; | ||
Zeile 40: | Zeile 35: | ||
margin-bottom: 8px; | margin-bottom: 8px; | ||
position: absolute; | position: absolute; | ||
z-index: -1; | z-index: -1;} | ||
} | |||
.tooltip { | .tooltip { | ||
color: black; | color: black; | ||
Zeile 52: | Zeile 46: | ||
transition: opacity 0.15s ease-in-out 0s; | transition: opacity 0.15s ease-in-out 0s; | ||
visibility: hidden; | visibility: hidden; | ||
white-space: nowrap; | white-space: nowrap;} | ||
} | |||
.tooltip::after { | .tooltip::after { | ||
background-image: url("https://wiki.the-west.fr/images/3/32/Tooltip_arrow.png"); | background-image: url("https://wiki.the-west.fr/images/3/32/Tooltip_arrow.png"); | ||
Zeile 63: | Zeile 56: | ||
position: absolute; | position: absolute; | ||
top: 100%; | top: 100%; | ||
width: 22px; | width: 22px;} | ||
} | |||
.tooltip_container { | .tooltip_container { | ||
position: relative; | position: relative;} | ||
} | |||
.tooltip_container:hover .tooltip { | .tooltip_container:hover .tooltip { | ||
opacity: 1; | opacity: 1; | ||
transition: opacity 0.15s ease-in-out 0.4s; | transition: opacity 0.15s ease-in-out 0.4s; | ||
visibility: visible; | visibility: visible;} | ||
} | |||
.tooltip_container:hover > .tooltip_outer { | .tooltip_container:hover > .tooltip_outer { | ||
z-index: 1000; | z-index: 1000;}> | ||
} | </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> | <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:57 Uhr