Template:Ability card: Difference between revisions

From Deadlock Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 7: Line 7:
         <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>
           <div style="display: flex; align-items: center;">{{{name}}}</div>
          <div class="summaryInfoAndImage" style="display:inline-flex; background: #353535; width:100%">
        </div>
            <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="display:flex; flex-direction:column;  margin:5px 5px;">
                <div style="position:absolute;">[[File:Passive ability frame.png|128x128px|link=]]</div>
            <div class="abilityImage" style="display:inline-block; width:128px; height:128px;">
                <div class="ability-icon"
              <div style="position:absolute;">[[File:Passive ability frame.png|128x128px|link=]]</div>
                  style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;">
              <div class="ability-icon"
                  [[File:{{#if:{{{ability_image|}}}|{{{ability_image}}}|Placeholder_ability_icon.png}}|link=|100x100px|middle|center]]
                style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;">
                </div>
                [[File:{{#if:{{{ability_image|}}}|{{{ability_image}}}|Placeholder_ability_icon.png}}|link=|100x100px|middle|center]]
               </div>
               </div>
             
            </div>


            </div><!--
 
          </div><!--
       -->
       -->
      <div style="padding:5px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px;">
          <div style="color: #ffefd7; padding:5px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px;">
                {{#if:{{{radius|}}}|{{Ability card/Data row|name=Radius|value={{{radius}}} }} }}<!--
            {{#if:{{{radius|}}}|{{Ability card/Data row|name=Radius|value={{{radius}}} }} }}<!--
       -->{{#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 30: Line 31:
       -->{{#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><!--
       -->
       -->
          <div style="padding-right: 5px; vertical-align:top; font-size:85%;"><!--
        <div style="padding-right: 5px; vertical-align:top; font-size:85%;"><!--
         -->'' {{{official_description|}}} ''<!--
         -->'' {{{official_description|}}} ''<!--
       --></div><!--
       --></div><!--
       -->
       -->
        </div><!--End summary info
      </div><!--End summary info
     -->
     -->


      </div><!--End summary info and icon
    </div><!--End summary info and icon
      
      
     -->
     -->
      <!--
    <!--
     -->
     -->
    </div><!--
  </div><!--
       -->
       -->
   </div><!--END main content
   </div><!--END main content

Revision as of 18:53, 24 August 2024