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

m fixed whitespace at bottom
m align altbox items vertically
 
(3 intermediate revisions by the same user not shown)
Line 36: Line 36:


       <!-- Alt Info -->
       <!-- Alt Info -->
       <div style="display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; background-color: #2A2A2A; width: calc(97% - 19px); min-width: 267px; padding: 0 4px 0 4px; column-gap: 15px">
       <div style="display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #2A2A2A; width: calc(97% - 19px); min-width: 267px; padding: 0 4px 0 4px; column-gap: 15px">
         {{{info1_altbox1|}}}{{{info1_altbox2|}}}{{{info1_altbox3|}}}{{{info1_altbox4|}}}{{{info1_altbox5|}}}{{{info1_altbox6|}}}
         {{{info1_altbox1|}}}{{{info1_altbox2|}}}{{{info1_altbox3|}}}{{{info1_altbox4|}}}{{{info1_altbox5|}}}{{{info1_altbox6|}}}
       </div>
       </div>
   </div>
   </div>
    
    
<!-- If info section #2 exists, add some whitespace after info section #1 -->
{{#if: {{{info2_desc|}}} | &nbsp;}}
   <!-- Info Section #2 -->
   <!-- Info Section #2 -->
   <div style="display:flex; flex-direction:column; align-items: center; width: 100%">
   <div style="display:flex; flex-direction:column; align-items: center; width: 100%; padding-top: 8px">
     <div style="padding: 0 10px 0 10px">{{{info2_desc|}}}</div>
     <div style="padding: 0 10px 0 10px">{{{info2_desc|}}}</div>
       <!-- Main Info -->
       <!-- Main Info -->
Line 52: Line 50:


       <!-- Alt Info -->
       <!-- Alt Info -->
       <div style="display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; background-color: #2A2A2A; width: calc(97% - 19px); min-width: 267px; padding: 0 4px 0 4px; column-gap: 15px">
       <div style="display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #2A2A2A; width: calc(97% - 19px); min-width: 267px; padding: 0 4px 0 4px; column-gap: 15px">
         {{{info2_altbox1|}}}{{{info2_altbox2|}}}{{{info2_altbox3|}}}{{{info2_altbox4|}}}{{{info2_altbox5|}}}{{{info2_altbox6|}}}
         {{{info2_altbox1|}}}{{{info2_altbox2|}}}{{{info2_altbox3|}}}{{{info2_altbox4|}}}{{{info2_altbox5|}}}{{{info2_altbox6|}}}
       </div>
       </div>
Line 113: Line 111:
       | type=bullet_damage
       | type=bullet_damage
       | icon_color=Brown
       | icon_color=Brown
    }}
  | info1_altbox2=
    {{Template:Ability card v2/Card/AltBox
      | value=99
      | key=DPS
      | label=Deeps
      | type=tech_damage
     }}
     }}