Template:Ability card: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<includeonly>{{anchor|{{{ability_name|}}}}}<!-- --> | <includeonly>{{anchor|{{{ability_name|}}}}}<!-- --> | ||
<div style="display:flex; flex-direction:column;" | <div style="display:flex; flex-direction:column;"> | ||
<div class="ability_details_main" style="display: flex; flex-wrap: wrap; align-items: flex-start;"> | |||
<div class="ability_details_main" style="display: flex; flex-wrap: wrap; align-items: flex-start;" | <div class="ability_box" style="flex:0 1 450px; margin-right:15px;"> | ||
<div class="ability_box" style="flex:0 1 450px; margin-right:15px;"> | |||
<div class="abilityHeader" | <div class="abilityHeader" | ||
style="color: #ffefd7; font-weight:bold; font-size:140%; padding: 10px 10px 10px 10px; background: #121212;" | style="color: #ffefd7; font-weight:bold; font-size:140%; padding: 10px 10px 10px 10px; background: #121212;"> | ||
<div style="display: flex; align-items: center;">{{{name}}}</div> | |||
<div style="display: flex; align-items: center;">{{{name}}}</div | <div class="summaryInfoAndImage" style="display:inline-flex; background: #353535; width:100%"> | ||
<div style="display:flex; flex-direction:column; margin:5px 5px;"> | |||
<div class="summaryInfoAndImage" style="display:inline-flex; background: #353535; width:100%" | <div class="abilityImage" style="display:inline-block; width:128px; height:128px;"> | ||
<div style="position:absolute;">[[File:Passive ability frame.png|128x128px|link=]]</div> | |||
<div style="display:flex; flex-direction:column; margin:5px 5px;" | |||
<div class="abilityImage" style="display:inline-block; width:128px; height:128px;" | |||
<div style="position:absolute;" | |||
<div class="ability-icon" | <div class="ability-icon" | ||
style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;"> | style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;"> | ||
[[File:{{#if:{{{ability_image|}}}|{{{ability_image}}}|Placeholder_ability_icon.png}}|link=|100x100px|middle|center]] | |||
</div> | |||
</div> | |||
</div> | <div style="padding:5px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px;"> | ||
{{#if:{{{radius|}}}|{{Ability card/Data row|name=Radius|value={{{radius}}} }} }}<!-- | |||
</div> | |||
-->{{#if:{{{duration|}}}|{{Ability card/Data row|name=Duration|value={{{duration}}} }} }}<!-- | -->{{#if:{{{duration|}}}|{{Ability card/Data row|name=Duration|value={{{duration}}} }} }}<!-- | ||
-->{{#if:{{{cooldown|}}}|{{Ability card/Data row|name=Cooldown|value={{{cooldown}}} }} }}<!-- | -->{{#if:{{{cooldown|}}}|{{Ability card/Data row|name=Cooldown|value={{{cooldown}}} }} }}<!-- | ||
Line 42: | Line 26: | ||
-->{{#if:{{{effect3|}}}|{{Ability card/Data row|name={{{effect3}}}|value={{{value3}}} }} }}<!-- | -->{{#if:{{{effect3|}}}|{{Ability card/Data row|name={{{effect3}}}|value={{{value3}}} }} }}<!-- | ||
-->{{#if:{{{upgrade1_effect|}}}|{{Ability card/Data row|name={{{upgrade1_effect}}}|value={{{upgrade1_value}}} }} | -->{{#if:{{{upgrade1_effect|}}}|{{Ability card/Data row|name={{{upgrade1_effect}}}|value={{{upgrade1_value}}} }} | ||
}}<!-- | |||
-->{{#if:{{{upgrade2_effect|}}}|{{Ability card/Data row|name={{{upgrade2_effect}}}|value={{{upgrade2_value}}} }} | -->{{#if:{{{upgrade2_effect|}}}|{{Ability card/Data row|name={{{upgrade2_effect}}}|value={{{upgrade2_value}}} }} | ||
}}<!-- | |||
-->{{#if:{{{upgrade3_effect|}}}|{{Ability card/Data row|name={{{upgrade3_effect}}}|value={{{upgrade3_value}}} }} | -->{{#if:{{{upgrade3_effect|}}}|{{Ability card/Data row|name={{{upgrade3_effect}}}|value={{{upgrade3_value}}} }} | ||
}}<!-- | |||
--></div> | --></div> | ||
</div><!-- | </div><!-- | ||
--> | --> | ||
Line 59: | Line 43: | ||
</div><!--End summary info | </div><!--End summary info | ||
--> | --> | ||
</div><!--End summary info and icon | </div><!--End summary info and icon | ||
--> | --> | ||
<!-- | <!-- | ||
--> | --> | ||
</div><!-- | </div><!-- |