InnoGames
Die Stämme
Elvenar
Forge of Empires
Grepolis
Lost Survivors
Rise of Cultures
Sunrise Village
Tribal Wars 2
Vorlage:SetBonus: Unterschied zwischen den Versionen
Zur Navigation springen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
<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><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 12. November 2016, 20:17 Uhr
<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>