User:TheMilkMan/SandboxTemplate2: Difference between revisionsGive feedback
TheMilkMan (talk | contribs) No edit summary |
TheMilkMan (talk | contribs) mNo edit summary |
||
| Line 19: | Line 19: | ||
<div class="hero-shadow" style="position:relative; z-index:1;">[[File:{{{card|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|Name}} card.png}}}|190px|alt={{{BASEPAGENAME}}}]]</div></div> | <div class="hero-shadow" style="position:relative; z-index:1;">[[File:{{{card|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|Name}} card.png}}}|190px|alt={{{BASEPAGENAME}}}]]</div></div> | ||
|- | |- | ||
!colspan="2" | <div style="display:flex; flex-wrap:wrap; justify-content:center; gap:8px 12px; font-weight:bold; text-transform:uppercase; font-family:'Retail Demo','Open Sans','PT Serif','Palatino','FreeSerif','Liberation Serif', serif; text-align:center; padding-bottom: 0.5em;"> | !colspan="2" | <div style="display:flex; flex-wrap:wrap; justify-content:center; gap:8px 12px; font-weight:bold; text-transform:uppercase; font-family:'Retail Demo','Open Sans','PT Serif','Palatino','FreeSerif','Liberation Serif', serif; text-align:center; padding-bottom: 0.5em; font-size: 19px;"> | ||
<div style="position:relative; display:inline-block; transform: rotate(-2deg);"><!-- | <div style="position:relative; display:inline-block; transform: rotate(-2deg);"><!-- | ||
--><div class="hero-tag-img delay-1" style="position:absolute; inset:0; background:#2193af; z-index:0;"></div><!-- | --><div class="hero-tag-img delay-1" style="position:absolute; inset:0; background:#2193af; z-index:0;"></div><!-- | ||
--><div style="position:relative | --><div style="position:relative; padding: 0px 8px; z-index:1;">{{#invoke:HeroData|get_hero_tag|{{#var:hero_en}}|1}}</div> | ||
</div> | </div> | ||
<div style="position:relative; display:inline-block; transform: rotate(4deg);"><!-- | <div style="position:relative; display:inline-block; transform: rotate(4deg);"><!-- | ||
--><div class="hero-tag-img delay-2" style="position:absolute; inset:0; background:#2193af; z-index:0;"></div><!-- | --><div class="hero-tag-img delay-2" style="position:absolute; inset:0; background:#2193af; z-index:0;"></div><!-- | ||
--><div style="position:relative | --><div style="position:relative; padding: 0px 8px; z-index:1;">{{#invoke:HeroData|get_hero_tag|{{#var:hero_en}}|2}}</div> | ||
</div> | </div> | ||
<div style="position:relative; display:inline-block; transform: rotate(2deg);"><!-- | <div style="position:relative; display:inline-block; transform: rotate(2deg);"><!-- | ||
--><div class="hero-tag-img delay-3" style="position:absolute; inset:0; background:#2193af; z-index:0;"></div><!-- | --><div class="hero-tag-img delay-3" style="position:absolute; inset:0; background:#2193af; z-index:0;"></div><!-- | ||
--><div style="position:relative | --><div style="position:relative; padding: 0px 8px; z-index:1;">{{#invoke:HeroData|get_hero_tag|{{#var:hero_en}}|3}}</div> | ||
</div></div> | </div></div> | ||
|-style="vertical-align:middle;" | |-style="vertical-align:middle;" | ||