User:Saag/Sandbox/Ability card v2/Card: Difference between revisions

mNo edit summary
mNo edit summary
Line 9: Line 9:
     </div>
     </div>
         <div style="display:flex; flex-direction:row; margin-left: 10px; height: 40px">
         <div style="display:flex; flex-direction:row; margin-left: 10px; height: 40px">
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{channel_time|}}}|id=channel_time|uom=s|ss={{{channel_time_ss|}}}|icon=[[File:AttributeIconMaxChargesIncrease.png|Channel Time|20px|link=]]}}
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{channel_time|}}}|id=AbilityChannelTime|uom=s|ss={{{channel_time_ss|}}}|icon=[[File:AttributeIconMaxChargesIncrease.png|Channel Time|20px|link=]]}}
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{range|}}}|id=range|ss={{{range_ss|}}}|uom=m|icon=[[File:CastRange.png|Cast Range|20px|link=]]}}
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{range|}}}|id=AbilityCastRange|ss={{{range_ss|}}}|uom=m|icon=[[File:CastRange.png|Cast Range|20px|link=]]}}
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{radius|}}}|id=radius|ss={{{radius_ss|}}}|uom=m|icon=[[File:AttributeIconTechRange.png|Radius|20px|link=]]}}
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{radius|}}}|id=Radius|ss={{{radius_ss|}}}|uom=m|icon=[[File:AttributeIconTechRange.png|Radius|20px|link=]]}}
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{ability_width|}}}|id=ability_width|uom=m|icon=[[File:AttributeIconTechRange.png|Width|20px|link=]]}}
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{ability_width|}}}|id=ability_width|uom=m|icon=[[File:AttributeIconTechRange.png|Width|20px|link=]]}}
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{duration|}}}|id=duration|uom=s|ss={{{duration_ss|}}}|icon=[[File:AttributeIconTechDuration.png|Duration|20px|link=]]}}
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{duration|}}}|id=AbilityDuration|uom=s|ss={{{duration_ss|}}}|icon=[[File:AttributeIconTechDuration.png|Duration|20px|link=]]}}
         </div>
         </div>
       </div>
       </div>
       <div style="display:flex; flex-direction:column; align-items: end; justify-content: flex-end;">
       <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;">
         <div style="display:flex; flex-direction:row; justify-content: flex-end; margin-bottom: 5px; margin-right: 20px;">
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{num_of_charges|}}}|id=num_of_charges|icon=[[File:AttributeIconMaxChargesIncrease.png|Number of Charges|20px|link=]]|style=margin-right: 0;}}
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{num_of_charges|}}}|id=AbilityCharges|icon=[[File:AttributeIconMaxChargesIncrease.png|Number of Charges|20px|link=]]|style=margin-right: 0;}}
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{charge_cooldown|}}}|id=charge_cooldown|ss={{{charge_cooldown_ss|}}}|uom=s|icon=[[File:AttributeIconTechCooldownBetweenChargeUses.png|Charge Cooldown|16px|link=]]|style=margin-left: 1px; margin-right: 0}}
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{charge_cooldown|}}}|id=AbilityCooldownBetweenCharge|ss={{{charge_cooldown_ss|}}}|uom=s|icon=[[File:AttributeIconTechCooldownBetweenChargeUses.png|Charge Cooldown|16px|link=]]|style=margin-left: 1px; margin-right: 0}}
         </div>
         </div>
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{cooldown|}}}|id=AbilityCooldown|ss={{{cooldown_ss|}}}|uom=s|icon=[[File:AttributeIconTechCooldown.png|Cooldown|20px|link=]]}}
           {{User:Saag/Sandbox/Ability_card_v2/Card/HeaderAttr|{{{cooldown|}}}|id=AbilityCooldown|ss={{{cooldown_ss|}}}|uom=s|icon=[[File:AttributeIconTechCooldown.png|Cooldown|20px|link=]]}}