User:Saag/Sandbox/AbilityCard: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(13 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
<div style="font-size: 16px; font-family: 'PT Serif', 'Palatino', 'Georgia'; color: #FFEFD7; display:flex; flex-direction:column; background: rgb(52,52,52); | <div style="font-size: 16px; 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: 550px"> | 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: 550px"> | ||
<!-- HEADER --> | <!-- HEADER --> | ||
<div style="display:flex; flex-direction:row; justify-content: space-between; width: 100%; background: #121212;"> | <div style="display:flex; flex-direction:row; justify-content: space-between; width: 100%; background: #121212; font-size: 14px;"> | ||
<div style="display:flex; flex-direction:column; padding: | <div style="display:flex; flex-direction:column; padding: 20px"> | ||
<div style="font-size: 26px">{{{name}}}</div> | <div style="font-size: 26px">{{{name}}}</div> | ||
<div style="display:flex; flex-direction:row; margin-left: 10px;"> | |||
{{User:Saag/Sandbox/AbilityCard/HeaderAttr|{{{range|}}}|uom=m|icon=CastRange.png}} | |||
{{User:Saag/Sandbox/AbilityCard/HeaderAttr|{{{radius|}}}|uom=m|icon=AttributeIconTechRange.png}} | |||
{{User:Saag/Sandbox/AbilityCard/HeaderAttr|{{{ability_width|}}}|uom=m|icon=AttributeIconTechRange.png}} | |||
{{User:Saag/Sandbox/AbilityCard/HeaderAttr|{{{duration|}}}|uom=m|icon=AttributeIconMaxChargesIncrease.png}} | |||
</div> | |||
</div> | </div> | ||
<div style="display:flex; flex-direction:column; padding: | <div style="display:flex; flex-direction:column; padding: 20px"> | ||
<div style="display:flex; flex-direction:row;"> | <div style="display:flex; flex-direction:row; margin-bottom: 5px"> | ||
{{ | {{User:Saag/Sandbox/AbilityCard/HeaderAttr|{{{num_of_charges|}}}|icon=AttributeIconMaxChargesIncrease.png}} | ||
{{User:Saag/Sandbox/AbilityCard/HeaderAttr|{{{charge_cooldown|}}}|uom=s|icon=AttributeIconTechCooldown.png}} | |||
</div> | </div> | ||
{{User:Saag/Sandbox/AbilityCard/HeaderAttr|{{{cooldown|}}}|uom=s|icon=AttributeIconTechCooldown.png}} | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- INFO SECTIONS --> | <!-- INFO SECTIONS --> | ||
<div style="display:flex; flex-direction:column; align-items: center; margin: 5px 10px 20px 10px"> | <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> | ||
<div style="display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; width: calc(90% - 5px);"> | <div style="display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; width: calc(90% - 5px);"> | ||
Line 28: | Line 35: | ||
<!-- UPGRADES --> | <!-- UPGRADES --> | ||
<div style="display:flex; flex-direction:row; margin-bottom: 10px; justify-content: center; width: calc(90% - | <div style="display:flex; flex-direction:row; flex-wrap: wrap; margin-bottom: 10px; justify-content: center; width: calc(90% - 16px);> | ||
{{#invoke: AbilityData|get_upgrades|{{{hero_name}}}|{{{ability_num}}}}} | {{#invoke: AbilityData|get_upgrades|{{{hero_name}}}|{{{ability_num}}}}} | ||
</div> | </div> | ||
</div></includeonly> | </div></includeonly> | ||
<noinclude> | <noinclude> | ||
{{#invoke:AbilityData|get_ability_card| | {{#invoke:AbilityData|get_ability_card|Wraith|3|true}} | ||
</noinclude> | </noinclude> |