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

Jump to navigation Jump to search
Browse history interactively
Newer edit →

Vergir (talk | contribs)

2 user groups
1,631 edits
undo
VisualWikitext
Created page with "<includeonly> <div class="ability-mainbox {{#ifeq:{{{hide|}}}|true|hide}}" style="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; max-height: 100%; padding: 10px 0px 10px 0px; margin: 3px; overflow: hidden;"> {{#if:{{{title|}}}|<div style="padding-bottom: 2px; font-size: 0.8rem; color: #9C9C9C; font-variant: small-caps;">'''{{{title}}}'''</div>|}}{{#switch: {{{scale_type}}}|melee = <div style="position: relative;"> <div style="position: absolute;..."
 
Vergir (talk | contribs)
Contributors, Interface administrators
1,631 edits
Move status box to use css styles
Line 1: Line 1:
<includeonly>
<includeonly>
<div class="ability-mainbox {{#ifeq:{{{hide|}}}|true|hide}}" style="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; max-height: 100%; padding: 10px 0px 10px 0px; margin: 3px; overflow: hidden;">
<div class="ability-mainbox ability-mainbox--status {{#ifeq:{{{hide|}}}|true|hide}}">
{{#if:{{{title|}}}|<div style="padding-bottom: 2px; font-size: 0.8rem; color: #9C9C9C; font-variant: small-caps;">'''{{{title}}}'''</div>|}}{{#switch: {{{scale_type}}}|melee =  
{{#if:{{{title|}}}|<div class="ac-mainbox-title">'''{{{title}}}'''</div>|}}{{#switch: {{{scale_type}}}
   <div style="position: relative;">
| melee =
     <div style="position: absolute; top: -20px; right: -2px">
   <div class="ac-mainbox-scale">
     <div class="ac-statusbox-scale-badge">
     {{Ability card v2/Card/Melee mult|{{{scale_value}}}|id={{{key}}}-scale}}
     {{Ability card v2/Card/Melee mult|{{{scale_value}}}|id={{{key}}}-scale}}
     </div>
     </div>
   </div>|
   </div>
spirit =
| spirit =
   <div style="position: relative;">
   <div class="ac-mainbox-scale">
     <div style="position: absolute; top: -20px; right: -2px">
     <div class="ac-statusbox-scale-badge">
     {{Ability card v2/Card/Spirit mult|{{{scale_value}}}|id={{{key}}}-scale}}
     {{Ability card v2/Card/Spirit mult|{{{scale_value}}}|id={{{key}}}-scale}}
     </div>
     </div>
   </div>|
   </div>
power_increase =
| power_increase =
   <div style="position: relative;">
   <div class="ac-mainbox-scale">
     <div style="position: absolute; top: -20px; right: -2px">
     <div class="ac-statusbox-scale-badge">
     {{Ability card v2/Card/Boon mult|{{{scale_value}}}|id={{{key}}}-scale}}
     {{Ability card v2/Card/Boon mult|{{{scale_value}}}|id={{{key}}}-scale}}
     </div>
     </div>
   </div>|
   </div>
weapon_damage_increase =
| weapon_damage_increase =
   <div style="position: relative;">
   <div class="ac-mainbox-scale">
     <div style="position: absolute; top: -20px; right: -2px">
     <div class="ac-statusbox-scale-badge">
     {{Ability card v2/Card/Weapon mult|{{{scale_value}}}|id={{{key}}}-scale}}
     {{Ability card v2/Card/Weapon mult|{{{scale_value}}}|id={{{key}}}-scale}}
     </div>
     </div>
   </div>|}}
   </div>
<div style="display:flex; flex-direction:column; flex-grow: 1; justify-content: center; align-items: center; {{#switch: {{{scale_type}}} | melee = background: rgb(36,37,36);
|}}
background: radial-gradient(circle, rgba(36,37,36,1) 0%, rgba(66,55,47,1) 100%); | spirit = background: rgb(42,41,43);
<div class="ac-statusbox-inner {{#switch: {{{scale_type}}} | melee = ac-mainbox-inner--melee | spirit = ac-mainbox-inner--spirit | power_increase = ac-mainbox-inner--power-increase | stats_count = ac-mainbox-inner--stats-count | weapon_damage_increase = ac-mainbox-inner--weapon-damage-increase | ac-mainbox-inner--default}}">
background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(59,49,69,1) 100%); | power_increase = background: rgb(61,78,70);
   <div class="ac-statusbox-effect">{{#if:{{{status_effect|}}}|{{Icon/Purple|[[File:Status {{{status_effect}}}.png|20px]]}}{{Lang|key=Citadel_StatusEffect{{{status_effect}}}}}}}</div>
background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(61,78,70,1) 100%); |background-color: #2A2A2A}}; text-align: center; border: 3px solid {{#switch: {{{scale_type}}} | melee = #5b412b | spirit = #583D6F | power_increase = #48675a | #2A2A2A}}; box-shadow: 0 0 10px {{#switch: {{{scale_type}}} | melee | power_increase | spirit = #3d2c4d | #2A2A2A}}; border-radius: 1px">
   <div class="ac-statusbox-value-row">
   <div style="font-size: 1rem; font-weight: bold; padding-top: 10px;">{{#if:{{{status_effect|}}}|{{Icon/Purple|[[File:Status {{{status_effect}}}.png|20px]]}}{{Lang|key=Citadel_StatusEffect{{{status_effect}}}}}}}</div>
   {{#if: {{{value|}}}|<div class="ac-statusbox-value">{{ValueAndUom|'''{{{value}}}'''|id={{{key}}}|class=ability-attr|{{Lang|key={{{key}}}_postfix}}|uom_class=ac-mainbox-uom}}
   <div style="display:flex; flex-direction:row; align-items: center; gap: 5px; padding-left: 5px">
</div>|<div class="ac-statusbox-no-value">Status Effect</div>}}
   {{#if: {{{value|}}}|<div style="font-weight: bold;">{{ValueAndUom|'''{{{value}}}'''|id={{{key}}}|class=ability-attr|{{Lang|key={{{key}}}_postfix}}|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}}
   <div class="ac-statusbox-label">{{#if:{{{label|}}}|{{{label}}}|{{Lang|key={{{key}}}_label}}}}</div>
</div>|<div style="font-weight: bold; font-size: 0.8rem; color: #B2B2B2;">Status Effect</div>}}
   <div style="font-size: 0.8rem;">{{#if:{{{label|}}}|{{{label}}}|{{Lang|key={{{key}}}_label}}}}</div>
</div></div></div>
</div></div></div>
</includeonly><noinclude>
</includeonly><noinclude>
Retrieved from "https://deadlock.wiki/Template:Ability_card_v2/Card/StatusBox"