User:Saag/Sandbox/Ability card v2/Card/MainBox - Revision history

Saag: Merge with new ability card changes

2026-02-25T21:56:14Z

Merge with new ability card changes

← Older revision		Revision as of 21:56, 25 February 2026
Line 23:		Line 23:
	<div style="position: absolute; top: -20px; right: -2px">		<div style="position: absolute; top: -20px; right: -2px">
	{{Ability card v2/Card/Weapon mult\|{{{scale_value}}}\|id={{{key}}}-scale}}		{{Ability card v2/Card/Weapon mult\|{{{scale_value}}}\|id={{{key}}}-scale}}
			</div>
			</div>\|
			stats_count =
			<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>
	</div>\|}}		</div>\|}}
Line 28:		Line 34:
	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(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(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">		background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(61,78,70,1) 100%); \| stats_count = background: rgb(42,41,43);
	<div style="font-weight: bold~~; font-size: 1rem; padding-top: 10px~~;">		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 = #5b412b \| spirit = #583D6F \| power_increase = #48675a \| stats_count = #583D6F \| #2A2A2A}}; box-shadow: 0 0 10px {{#switch: {{{scale_type}}} \| melee \| power_increase \| stats_count \| spirit = #3d2c4d \| #2A2A2A}}; border-radius: 1px">
			<div style="font-weight: bold;">
	{{#vardefine:value_prefix\|{{Lang\|key={{{key}}}_prefix}}}}		{{#vardefine:value_prefix\|{{Lang\|key={{{key}}}_prefix}}}}
	{{Icon/{{{icon_color\|Grey}}}\|		{{Icon/{{{icon_color\|Grey}}}\|

Saag at 00:06, 4 December 2025

2025-12-04T00:06:04Z

← Older revision		Revision as of 00:06, 4 December 2025
Line 36:		Line 36:
	{{#ifeq:{{#var:value_prefix}}\|-\|{{#var:value_prefix}}}}{{ValueAndUom\|'''{{{value}}}'''\|id={{{key}}}\|class=ability-attr\|{{Lang\|key={{{key}}}_postfix}}\|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}}		{{#ifeq:{{#var:value_prefix}}\|-\|{{#var:value_prefix}}}}{{ValueAndUom\|'''{{{value}}}'''\|id={{{key}}}\|class=ability-attr\|{{Lang\|key={{{key}}}_postfix}}\|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}}
	}}</div>		}}</div>
	<div style="font-size: 0.8rem; padding-bottom: 3px">{{#if:{{{label\|}}}\|{{{label}}}\|{{Lang\|key=~~LifestealPercentOnHit_label~~}}}}</div>		<div style="font-size: 0.8rem; padding-bottom: 3px">{{#if:{{{label\|}}}\|{{{label}}}\|{{Lang\|key={{{key}}}_label}}}}</div>
	</div></div>		</div></div>
	</includeonly><noinclude>		</includeonly><noinclude>

Saag: Only show minus symbol prefix

2025-12-03T23:50:13Z

Only show minus symbol prefix

← Older revision		Revision as of 23:50, 3 December 2025
Line 30:		Line 30:
	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">		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-weight: bold; font-size: 1rem; padding-top: 10px;">		<div style="font-weight: bold; font-size: 1rem; padding-top: 10px;">
			{{#vardefine:value_prefix\|{{Lang\|key={{{key}}}_prefix}}}}
	{{Icon/{{{icon_color\|Grey}}}\|		{{Icon/{{{icon_color\|Grey}}}\|
	{{#if:{{{icon\|}}}\|[[File:{{{icon}}}\|{{{icon_size\|18px}}}\|link={{{icon_link}}}]]\|{{#invoke:Abilities/card\|get_attr_icon\|{{{type\|}}}}}}}\|		{{#if:{{{icon\|}}}\|[[File:{{{icon}}}\|{{{icon_size\|18px}}}\|link={{{icon_link}}}]]\|{{#invoke:Abilities/card\|get_attr_icon\|{{{type\|}}}}}}}\|
	{{~~Lang~~\|~~key=~~{{~~{key}~~}}~~_prefix~~}}{{ValueAndUom\|'''{{{value}}}'''\|id={{{key}}}\|class=ability-attr\|{{Lang\|key={{{key}}}_postfix}}\|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}}		<!-- Only show value_prefix if it is the minus symbol "-" -->
			{{#ifeq:{{#var:value_prefix}}\|-\|{{#var:value_prefix}}}}{{ValueAndUom\|'''{{{value}}}'''\|id={{{key}}}\|class=ability-attr\|{{Lang\|key={{{key}}}_postfix}}\|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}}
	}}</div>		}}</div>
	<div style="font-size: 0.8rem; padding-bottom: 3px">{{#if:{{{label\|}}}\|{{{label}}}\|{{Lang\|key=LifestealPercentOnHit_label}}}}</div>		<div style="font-size: 0.8rem; padding-bottom: 3px">{{#if:{{{label\|}}}\|{{{label}}}\|{{Lang\|key=LifestealPercentOnHit_label}}}}</div>
	</div></div>		</div></div>
	</includeonly><noinclude>		</includeonly><noinclude>
	{{#invoke:Abilities-test/card\|get_ability_card\|~~Yamato~~\|3\|false}}		{{#invoke:Abilities-test/card\|get_ability_card\|Ivy\|2\|false}}
	{{Documentation}}		{{Documentation}}
	</noinclude>		</noinclude>

Saag: Add localized prefix

2025-12-03T23:22:27Z

Add localized prefix

← Older revision		Revision as of 23:22, 3 December 2025
Line 32:		Line 32:
	{{Icon/{{{icon_color\|Grey}}}\|		{{Icon/{{{icon_color\|Grey}}}\|
	{{#if:{{{icon\|}}}\|[[File:{{{icon}}}\|{{{icon_size\|18px}}}\|link={{{icon_link}}}]]\|{{#invoke:Abilities/card\|get_attr_icon\|{{{type\|}}}}}}}\|		{{#if:{{{icon\|}}}\|[[File:{{{icon}}}\|{{{icon_size\|18px}}}\|link={{{icon_link}}}]]\|{{#invoke:Abilities/card\|get_attr_icon\|{{{type\|}}}}}}}\|
	{{ValueAndUom\|'''{{{value}}}'''\|id={{{key}}}\|class=ability-attr\|{{Lang\|key={{{key}}}_postfix}}\|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}}		{{Lang\|key={{{key}}}_prefix}}{{ValueAndUom\|'''{{{value}}}'''\|id={{{key}}}\|class=ability-attr\|{{Lang\|key={{{key}}}_postfix}}\|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}}
	}}</div>		}}</div>
	<div style="font-size: 0.8rem; padding-bottom: 3px">{{#if:{{{label\|}}}\|{{{label}}}\|{{Lang\|key=~~{{{key}}}_label~~}}}}</div>		<div style="font-size: 0.8rem; padding-bottom: 3px">{{#if:{{{label\|}}}\|{{{label}}}\|{{Lang\|key=LifestealPercentOnHit_label}}}}</div>
	</div></div>		</div></div>
	</includeonly><noinclude>		</includeonly><noinclude>
	{{#invoke:Abilities-test/card\|get_ability_card\|~~Abrams~~\|4\|false}}		{{#invoke:Abilities-test/card\|get_ability_card\|Yamato\|3\|false}}
	{{Documentation}}		{{Documentation}}
	</noinclude>		</noinclude>

Saag at 21:47, 14 November 2025

2025-11-14T21:47:18Z

← Older revision		Revision as of 21:47, 14 November 2025
Line 29:		Line 29:
	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(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">		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-weight: bold;">		<div style="font-weight: bold; font-size: 1rem; padding-top: 10px;">
	{{Icon/{{{icon_color\|Grey}}}\|		{{Icon/{{{icon_color\|Grey}}}\|
	{{#if:{{{icon\|}}}\|[[File:{{{icon}}}\|{{{icon_size\|18px}}}\|link={{{icon_link}}}]]\|{{#invoke:Abilities/card\|get_attr_icon\|{{{type\|}}}}}}}\|		{{#if:{{{icon\|}}}\|[[File:{{{icon}}}\|{{{icon_size\|18px}}}\|link={{{icon_link}}}]]\|{{#invoke:Abilities/card\|get_attr_icon\|{{{type\|}}}}}}}\|
Line 37:		Line 37:
	</div></div>		</div></div>
	</includeonly><noinclude>		</includeonly><noinclude>
	{{#invoke:Abilities-test/card\|get_ability_card\|~~Lash~~\|4\|false}}		{{#invoke:Abilities-test/card\|get_ability_card\|Abrams\|4\|false}}
	{{Documentation}}		{{Documentation}}
	</noinclude>		</noinclude>

Saag at 11:38, 19 October 2025

2025-10-19T11:38:39Z

← Older revision		Revision as of 11:38, 19 October 2025
Line 16:		Line 16:
	<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/Card/Boon mult\|{{{scale_value}}}}}		{{Ability card v2/Card/Boon mult\|{{{scale_value}}}\|id={{{key}}}-scale}}
	</div>		</div>
	</div>\|		</div>\|
Line 22:		Line 22:
	<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/Card/Weapon mult\|{{{scale_value}}}}}		{{Ability card v2/Card/Weapon mult\|{{{scale_value}}}\|id={{{key}}}-scale}}
	</div>		</div>
	</div>\|}}		</div>\|}}

Saag at 20:08, 2 October 2025

2025-10-02T20:08:14Z

← Older revision		Revision as of 20:08, 2 October 2025
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div class="ability-mainbox {{#ifeq:{{{hide\|}}}\|true\|~~hidden~~}}" 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 {{#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 =		{{#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: relative;">

Saag at 20:00, 2 October 2025

2025-10-02T20:00:40Z

← Older revision		Revision as of 20:00, 2 October 2025
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div {{#ifeq:{{{hide\|}}}\|true\|~~class="~~hidden"}} 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 {{#ifeq:{{{hide\|}}}\|true\|hidden}}" 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 =		{{#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: relative;">

Saag at 19:53, 2 October 2025

2025-10-02T19:53:48Z

← Older revision		Revision as of 19:53, 2 October 2025
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div {{#if:{{{hide\|}}}\|class="hidden"}} 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 {{#ifeq:{{{hide\|}}}\|true\|class="hidden"}} 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 =		{{#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: relative;">

Saag at 19:46, 2 October 2025

2025-10-02T19:46:47Z

← Older revision		Revision as of 19:46, 2 October 2025
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div 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 {{#if:{{{hide\|}}}\|class="hidden"}} 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 =		{{#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: relative;">

← Older revision		Revision as of 21:56, 25 February 2026
Line 23:		Line 23:
	<div style="position: absolute; top: -20px; right: -2px">		<div style="position: absolute; top: -20px; right: -2px">
	{{Ability card v2/Card/Weapon mult\|{{{scale_value}}}\|id={{{key}}}-scale}}		{{Ability card v2/Card/Weapon mult\|{{{scale_value}}}\|id={{{key}}}-scale}}
			</div>
			</div>\|
			stats_count =
			<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>
	</div>\|}}		</div>\|}}
Line 28:		Line 34:
	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(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(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">		background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(61,78,70,1) 100%); \| stats_count = background: rgb(42,41,43);
	<div style="font-weight: bold~~; font-size: 1rem; padding-top: 10px~~;">		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 = #5b412b \| spirit = #583D6F \| power_increase = #48675a \| stats_count = #583D6F \| #2A2A2A}}; box-shadow: 0 0 10px {{#switch: {{{scale_type}}} \| melee \| power_increase \| stats_count \| spirit = #3d2c4d \| #2A2A2A}}; border-radius: 1px">
			<div style="font-weight: bold;">
	{{#vardefine:value_prefix\|{{Lang\|key={{{key}}}_prefix}}}}		{{#vardefine:value_prefix\|{{Lang\|key={{{key}}}_prefix}}}}
	{{Icon/{{{icon_color\|Grey}}}\|		{{Icon/{{{icon_color\|Grey}}}\|