Template:Ability card v2/Card/MainBox: Difference between revisions

Jump to navigation Jump to search
m Fixed vertical misalignment of icons and labels, now with consideration for main box headers
added power increase scaling
Line 4: Line 4:
   <div style="position: relative;">
   <div style="position: relative;">
     <div style="position: absolute; top: -20px; right: -2px">
     <div style="position: absolute; top: -20px; right: -2px">
     {{Ability card v2/Melee mult|{{{scale_value}}}}}
     {{Ability card v2/Card/Melee mult|{{{scale_value}}}}}
     </div>
     </div>
   </div>|
   </div>|
Line 10: Line 10:
   <div style="position: relative;">
   <div style="position: relative;">
     <div style="position: absolute; top: -20px; right: -2px">
     <div style="position: absolute; top: -20px; right: -2px">
     {{Ability card v2/Spirit mult|{{{scale_value}}}}}
     {{Ability card v2/Card/Spirit mult|{{{scale_value}}}}}
    </div>
  </div>|
power_increase =
  <div style="position: relative;">
    <div style="position: absolute; top: -20px; right: -2px">
    {{Ability card v2/Card/Boon mult|{{{scale_value}}}}}
     </div>
     </div>
   </div>}}
   </div>}}
<div style="display:flex; flex-direction:column; flex-grow: 1; justify-content: space-between; {{#switch: {{{scale_type}}} | melee | spirit = background: rgb(42,41,43);
<div style="display:flex; flex-direction:column; flex-grow: 1; justify-content: space-between; {{#switch: {{{scale_type}}} | melee | power_increase | spirit = background: rgb(42,41,43);
background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(59,49,69,1) 100%);  |background-color: #2A2A2A}}; text-align: center; border: 3px solid {{#switch: {{{scale_type}}} | melee | spirit = #583D6F | #2A2A2A}}; box-shadow: 0 0 10px {{#switch: {{{scale_type}}} | melee | spirit = #3d2c4d | #2A2A2A}}; border-radius: 1px">
background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(59,49,69,1) 100%);  |background-color: #2A2A2A}}; text-align: center; border: 3px solid {{#switch: {{{scale_type}}} | melee | power_increase | spirit = #583D6F | #2A2A2A}}; box-shadow: 0 0 10px {{#switch: {{{scale_type}}} | melee| power_increase | spirit = #3d2c4d | #2A2A2A}}; border-radius: 1px">
   <div style="font-weight: bold;">
   <div style="font-weight: bold;">
{{Icon/{{{icon_color|Grey}}}|
{{Icon/{{{icon_color|Grey}}}|