Template:WeaponCard: Difference between revisions

adjusted font weight to be more accurate
adding classes to everything ready for templatestyles!
Line 9: Line 9:
<div class="weaponcard-container" style="width:570px; font-family: 'Retail Demo','Open Sans',serif; color:#ffefd7">
<div class="weaponcard-container" style="width:570px; font-family: 'Retail Demo','Open Sans',serif; color:#ffefd7">
<div class="weapon-display" style="width:100%;display:inline-flex; height:150px; overflow:hidden; border-radius:5px 5px 0 0">
<div class="weapon-display" style="width:100%;display:inline-flex; height:150px; overflow:hidden; border-radius:5px 5px 0 0">
<div class="name-stats-container" style="width:auto; display:flex; flex-direction:column; padding:20px 15px; flex-start; gap:5px">
<div class="name-stats-container" style="width:auto; display:flex; flex-direction:column; padding:20px 15px; gap:5px">
<div style="font-size:24px">'''{{{weapon_name|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|NameKey|true}}}}}'''</div>
<div class="weapon-name" style="font-size:24px">'''{{{weapon_name|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|NameKey|true}}}}}'''</div>
<div style="display:flex; gap:10px; min-width: fit-content; flex-wrap: wrap; justify-content: center;">
<div class="weapon-type-container" style="display:flex; gap:10px; min-width: fit-content; flex-wrap: wrap; justify-content: center;">
<div style="padding:3px 5px; border-radius:5px; background:#0000005c">{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|1|true}}</div>
<div class="weapon-type" style="padding:3px 5px; border-radius:5px; background:#0000005c">{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|1|true}}</div>
{{#if:{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|2|true}}
{{#if:{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|2|true}}
|<div style="padding:3px 5px; border-radius:5px; background:#0000005c">{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|2|true}}</div>
|<div class="weapon-type" style="padding:3px 5px; border-radius:5px; background:#0000005c">{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|2|true}}</div>
|}}<!--
|}}<!--
-->{{#if:{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|3|true}}
-->{{#if:{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|3|true}}
|<div style="padding:3px 5px; border-radius:5px; background:#0000005c">{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|3|true}}</div>
|<div class="weapon-type" style="padding:3px 5px; border-radius:5px; background:#0000005c">{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|3|true}}</div>
|}}
|}}
</div></div>
</div></div>