Template:Ability card v2/Card/StatusBox - Revision history

Saag: Replaced switch with scaling template

2026-05-15T09:55:43Z

Replaced switch with scaling template

← Older revision		Revision as of 09:55, 15 May 2026
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div class="ability-mainbox ability-mainbox--status {{#ifeq:{{{hide\|}}}\|true\|hide}}">		<div class="ability-mainbox ability-mainbox--status {{#ifeq:{{{hide\|}}}\|true\|hide}}">
	{{#if:{{{title\|}}}\|<div class="ac-mainbox-title">'''{{{title}}}'''</div>\|}}{{#~~switch~~: {{{scale_type}}}		{{#if:{{{title\|}}}\|<div class="ac-mainbox-title">'''{{{title}}}'''</div>\|}}
	\| ~~melee =~~		{{#if: {{{scale_type\|}}}\|
	<div class="ac-mainbox-scale">		<div class="ac-mainbox-scale">
	<div class="ac-statusbox-scale-badge">		<div class="ac-statusbox-scale-badge">
	{{Ability card v2/Card/~~Melee mult~~\|{{{scale_value}}}\|id={{{key}}}-scale}}		{{Ability card v2/Card/Scaling\|{{{scale_value\|}}}\|scale_type={{{scale_type\|}}}\|id={{{key}}}-scale}}
	</div>		</div>
	</div>		</div>
	~~\| spirit =~~		}}
	~~<div class="ac-mainbox-scale">~~
	~~<div class="ac-statusbox-scale-badge">~~
	~~{{Ability card v2/Card/Spirit mult\|{{{scale_value}}}\|id={{{key}}}-scale}}~~
	~~</div>~~
	~~</div>~~
	~~\| power_increase =~~
	~~<div class="ac-mainbox-scale">~~
	~~<div class="ac-statusbox-scale-badge">~~
	~~{{Ability card v2/Card/Boon mult\|{{{scale_value}}}\|id={{{key}}}-scale}}~~
	~~</div>~~
	~~</div>~~
	~~\| weapon_damage_increase =~~
	~~<div class="ac-mainbox-scale">~~
	~~<div class="ac-statusbox-scale-badge">~~
	~~{{Ability card v2/Card/Weapon mult\|{{{scale_value}}}\|id={{{key}}}-scale}}~~
	~~</div>~~
	~~</div>~~
	\|}}
	<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}}">		<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}}">
	<div class="ac-statusbox-effect">{{#if:{{{status_effect\|}}}\|{{Icon/Purple\|[[File:Status {{{status_effect}}}.png\|20px]]}}{{Lang\|key=Citadel_StatusEffect{{{status_effect}}}}}}}</div>		<div class="ac-statusbox-effect">{{#if:{{{status_effect\|}}}\|{{Icon/Purple\|[[File:Status {{{status_effect}}}.png\|20px]]}}{{Lang\|key=Citadel_StatusEffect{{{status_effect}}}}}}}</div>

Vergir: Move status box to use css styles

2026-05-03T10:37:35Z

Move status box to use css styles

← Older revision		Revision as of 10:37, 3 May 2026
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>

Saag: Created page with "
{{#if:{{{title|}}}|
'''{{{title}}}'''
|}}{{#switch: {{{scale_type}}}|melee =

2026-02-26T20:38:44Z

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;..."

New page
<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; top: -20px; right: -2px">
{{Ability card v2/Card/Melee mult|{{{scale_value}}}|id={{{key}}}-scale}}
</div>
</div>|
spirit =
<div style="position: relative;">
<div style="position: absolute; top: -20px; right: -2px">
{{Ability card v2/Card/Spirit mult|{{{scale_value}}}|id={{{key}}}-scale}}
</div>
</div>|
power_increase =
<div style="position: relative;">
<div style="position: absolute; top: -20px; right: -2px">
{{Ability card v2/Card/Boon mult|{{{scale_value}}}|id={{{key}}}-scale}}
</div>
</div>|
weapon_damage_increase =
<div style="position: relative;">
<div style="position: absolute; top: -20px; right: -2px">
{{Ability card v2/Card/Weapon mult|{{{scale_value}}}|id={{{key}}}-scale}}
</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);
background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(59,49,69,1) 100%); | power_increase = background: rgb(61,78,70);
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 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>
<div style="display:flex; flex-direction:row; align-items: center; gap: 5px; padding-left: 5px">
{{#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>|<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>
</includeonly><noinclude>
{{#invoke:Abilities/card|get_ability_card|Abrams|4|false}}
{{Documentation}}
</noinclude>