Template:Ability card v2/Card: Difference between revisions
Jump to navigation
Jump to search
m removed remaining sandbox templates |
m reduced whitespace around header |
||
Line 1: | Line 1: | ||
<includeonly>{{anchor|{{{name}}}}}<div style="font-size: 1rem; line-height: 1.4; font-family: 'PT Serif', 'Palatino', 'Georgia'; color: #FFEFD7; display:flex; flex-direction:column; | <includeonly>{{anchor|{{{name}}}}}<div style="font-size: 1rem; line-height: 1.4; font-family: 'PT Serif', 'Palatino', 'Georgia'; color: #FFEFD7; display:flex; flex-direction:column; background: rgb(52,52,52); background: linear-gradient(90deg, rgba(52,52,52,1) 0%, rgba(66,66,66,1) 14%, rgba(77,77,77,1) 100%); align-items: center; max-width: 500px; border-radius: 2px;"> | ||
background: linear-gradient(90deg, rgba(52,52,52,1) 0%, rgba(66,66,66,1) 14%, rgba(77,77,77,1) 100%); | |||
<!-- HEADER --> | <!-- HEADER --> | ||
<div style="display:flex; flex-direction:row; justify-content: space-between | <div style="width: 100%"> | ||
<div style="display:flex; flex-direction:row; justify-content: space-between; background: #121212; font-size: calc(1em - 2px); border-radius: 2px; padding: 0 8px 14px 8px"> | |||
<div style="display:flex; flex-direction:column;"> | |||
<div style="font-size: 1.6rem;"> | |||
<span style="filter: brightness(0) saturate(100%) invert(98%) sepia(19%) saturate(1458%) hue-rotate(301deg) brightness(102%) contrast(109%); padding-right: 10px">[[File:{{{icon}}}|45px|link=]]</span>{{#if:{{{name_link|}}}|[[{{{name_link}}}|{{{name}}}]]|{{{name}}}}} | <span style="filter: brightness(0) saturate(100%) invert(98%) sepia(19%) saturate(1458%) hue-rotate(301deg) brightness(102%) contrast(109%); padding-right: 10px">[[File:{{{icon}}}|45px|link=]]</span>{{#if:{{{name_link|}}}|[[{{{name_link}}}|{{{name}}}]]|{{{name}}}}} | ||
</div> | </div> | ||
<div style="display:flex; flex-direction:row; margin-left: 10px;"> | |||
{{Ability_card_v2/HeaderAttr|{{{range|}}}|uom=m|icon=[[File:CastRange.png|20px|link=Ability_Range]]}} | |||
{{Ability_card_v2/HeaderAttr|{{{radius|}}}|uom=m|icon=[[File:AttributeIconTechRange.png|20px|link=Ability_Range]]}} | |||
{{Ability_card_v2/HeaderAttr|{{{ability_width|}}}|uom=m|icon=[[File:AttributeIconTechRange.png|20px|link=Ability_Range]]}} | |||
{{Ability_card_v2/HeaderAttr|{{{duration|}}}|uom=s|icon=[[File:AttributeIconTechDuration.png|20px|link=]]}} | |||
</div> | |||
</div> | </div> | ||
<div style="display:flex; flex-direction:column; align-items: end; justify-content: flex-end;"> | |||
<div style="display:flex; flex-direction:row; justify-content: flex-end; margin-bottom: 5px; margin-right: 20px;"> | |||
{{Ability_card_v2/HeaderAttr|{{{num_of_charges|}}}|icon=[[File:AttributeIconMaxChargesIncrease.png|20px|link=]]|style=margin-right: 0;}} | |||
{{Ability_card_v2/HeaderAttr|{{{charge_cooldown|}}}|uom=s|icon=[[File:AttributeIconTechCooldownBetweenChargeUses.png|15px|link=Cooldowns]]|style=font-size: 12px; background-color: #242424; margin-right: 0;}} | |||
</div> | |||
{{Ability_card_v2/HeaderAttr|{{{cooldown|}}}|uom=s|icon=[[File:AttributeIconTechCooldown.png|20px|link=Cooldowns]]}} | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 27: | Line 28: | ||
<div style="display:flex; flex-direction:column; align-items: center; margin: 5px 10px 20px 10px; width: calc(100% - 18px);"> | <div style="display:flex; flex-direction:column; align-items: center; margin: 5px 10px 20px 10px; width: calc(100% - 18px);"> | ||
<div style="padding: 20px 10px 20px 10px">{{{description}}}</div> | <div style="padding: 20px 10px 20px 10px">{{{description}}}</div> | ||
<!-- Main Info --> | |||
<div style="display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; width: calc(97% - 5px); min-width: 310px;"> | <div style="display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; width: calc(97% - 5px); min-width: 310px;"> | ||
{{#invoke: AbilityData|get_info_main|{{{hero_name}}}|{{{ability_num}}}|1}} | {{#invoke: AbilityData|get_info_main|{{{hero_name}}}|{{{ability_num}}}|1}} | ||
</div> | </div> | ||
<div style="display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; background-color: #2A2A2A; width: calc(97% - | |||
<!-- Alt Info --> | |||
<div style="display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; background-color: #2A2A2A; width: calc(97% - 19px); min-width: 310px; padding: 0 4px 0 4px;"> | |||
{{#invoke: AbilityData|get_info_alt|{{{hero_name}}}|{{{ability_num}}}|1}} | {{#invoke: AbilityData|get_info_alt|{{{hero_name}}}|{{{ability_num}}}|1}} | ||
</div> | </div> | ||
Line 50: | Line 54: | ||
</div></includeonly><noinclude> | </div></includeonly><noinclude> | ||
{{#invoke:AbilityData|get_ability_card| | {{#invoke:AbilityData|get_ability_card|Infernus|1|false}} | ||
</noinclude> | </noinclude> |
Revision as of 12:06, 28 September 2024
Script error: The function "get_ability_card" does not exist.