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

Saag: Added index arg

2026-02-25T23:41:03Z

Added index arg

← Older revision		Revision as of 23:41, 25 February 2026
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div id="ability-upgrade-{{{cost}}}" data-index="{{{~~cost~~}}}" tabindex=0 class="cdx-button cdx-button--action-progressive ability-upgrade" style="text-wrap: wrap; display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: rgba(25,25,25,0.4); padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px; border-color: #2B2B2B">		<div id="ability-upgrade-{{{cost}}}" data-index="{{{index}}}" tabindex=0 class="cdx-button cdx-button--action-progressive ability-upgrade" style="text-wrap: wrap; display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: rgba(25,25,25,0.4); padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px; border-color: #2B2B2B">
	<div class="ability-upgrade-header" style="width: 100%; padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: rgba(23,23,23,0.4); border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>		<div class="ability-upgrade-header" style="width: 100%; padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: rgba(23,23,23,0.4); border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>
	<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>		<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>

Saag at 23:37, 25 February 2026

2026-02-25T23:37:48Z

← Older revision		Revision as of 23:37, 25 February 2026
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div id="ability-upgrade-{{{cost}}}" tabindex=0 class="cdx-button cdx-button--action-progressive ability-upgrade" style="text-wrap: wrap; display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: rgba(25,25,25,0.4); padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px; border-color: #2B2B2B">		<div id="ability-upgrade-{{{cost}}}" data-index="{{{cost}}}" tabindex=0 class="cdx-button cdx-button--action-progressive ability-upgrade" style="text-wrap: wrap; display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: rgba(25,25,25,0.4); padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px; border-color: #2B2B2B">
	<div class="ability-upgrade-header" style="width: 100%; padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: rgba(23,23,23,0.4); border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>		<div class="ability-upgrade-header" style="width: 100%; padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: rgba(23,23,23,0.4); border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>
	<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>		<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>

Saag at 21:37, 1 October 2025

2025-10-01T21:37:20Z

← Older revision		Revision as of 21:37, 1 October 2025
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div id="ability-upgrade-{{{cost}}}" tabindex=0 class="cdx-button cdx-button--action-progressive ability-upgrade" style="text-wrap: wrap; display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: ~~#555555~~; padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px">		<div id="ability-upgrade-{{{cost}}}" tabindex=0 class="cdx-button cdx-button--action-progressive ability-upgrade" style="text-wrap: wrap; display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: rgba(25,25,25,0.4); padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px; border-color: #2B2B2B">
	<div style="width: 100%; padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: ~~#121212~~; border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>		<div class="ability-upgrade-header" style="width: 100%; padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: rgba(23,23,23,0.4); border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>
	<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>		<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>
	<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>		<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>

Saag at 20:29, 24 September 2025

2025-09-24T20:29:29Z

← Older revision		Revision as of 20:29, 24 September 2025
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div id="ability-upgrade-{{{cost}}}" tabindex=0 class="cdx-button ability-upgrade" style="text-wrap: wrap; display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: #555555; padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px">		<div id="ability-upgrade-{{{cost}}}" tabindex=0 class="cdx-button cdx-button--action-progressive ability-upgrade" style="text-wrap: wrap; display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: #555555; padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px">
	<div style="width: 100%; padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: #121212; border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>		<div style="width: 100%; padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: #121212; border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>
	<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>		<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>

Saag at 20:27, 24 September 2025

2025-09-24T20:27:30Z

← Older revision		Revision as of 20:27, 24 September 2025
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div id="ability-upgrade-{{{cost}}}" class="~~mw-ui~~-button ability-upgrade" style="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: #555555; padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px">		<div id="ability-upgrade-{{{cost}}}" tabindex=0 class="cdx-button ability-upgrade" style="text-wrap: wrap; display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: #555555; padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px">
	<div style="padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: #121212; border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>		<div style="width: 100%; padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: #121212; border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>
	<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>		<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>
	<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>		<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>

Saag at 20:14, 24 September 2025

2025-09-24T20:14:26Z

← Older revision		Revision as of 20:14, 24 September 2025
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div ~~role="button"~~ id="ability-upgrade-{{{cost}}}" class="ability-upgrade" style="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: #555555; padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px">		<div id="ability-upgrade-{{{cost}}}" class="mw-ui-button ability-upgrade" style="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: #555555; padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px">
	<div style="padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: #121212; border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>		<div style="padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: #121212; border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>
	<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>		<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>

Saag at 20:12, 24 September 2025

2025-09-24T20:12:38Z

← Older revision		Revision as of 20:12, 24 September 2025
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div id="ability-upgrade-{{{cost}}}" class="ability-upgrade" ~~role~~="~~button~~">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>		<div role="button" id="ability-upgrade-{{{cost}}}" class="ability-upgrade" style="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: #555555; padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px">
			<div style="padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: #121212; border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>
	<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>		<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>
	<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>		<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>

Saag at 20:10, 24 September 2025

2025-09-24T20:10:05Z

← Older revision		Revision as of 20:10, 24 September 2025
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div id="ability-upgrade-{{{cost}}}" class="ability-upgrade" ~~style~~="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: #555555; padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px">		<div id="ability-upgrade-{{{cost}}}" class="ability-upgrade" role="button">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>
	~~<div style="padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: #121212; border-radius: 5px 5px 0 0;~~ ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>
	<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>		<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>
	<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>		<div>{{#ifeq: {{{scale_type}}}\|spirit\|{{Ability card v2/Spirit mult\|{{{scale_value}}}}}}}</div>

Saag at 22:11, 21 September 2025

2025-09-21T22:11:25Z

← Older revision		Revision as of 22:11, 21 September 2025
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div class="ability-upgrade" style="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: #555555; padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px">		<div id="ability-upgrade-{{{cost}}}" class="ability-upgrade" style="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: #555555; padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px">
	<div style="padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: #121212; border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>		<div style="padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: #121212; border-radius: 5px 5px 0 0; ">{{Ap\|{{{cost}}}\|icon_size=15px}}</div>
	<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>		<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize\|1em}}});">{{{description}}}</div>
Line 6:		Line 6:
	</div></includeonly>		</div></includeonly>
	<noinclude>		<noinclude>
	{{#invoke:Abilities/card\|get_ability_card\|Wraith\|2\|false}}		{{#invoke:Abilities-test/card\|get_ability_card\|Wraith\|2\|false}}
	</noinclude>		</noinclude>

Saag: Created page with "

{{Ap|{{{cost}}}|..."

2025-09-21T22:05:52Z

Created page with "<includeonly> <div class="ability-upgrade" style="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: #555555; padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px"> <div style="padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: #121212; border-radius: 5px 5px 0 0; ">{{Ap|{{{cost}}}|..."

New page

<includeonly>
<div class="ability-upgrade" style="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; justify-content: flex-start; max-height: 140px; background-color: #555555; padding: 0 0px 20px 0px; margin: 6px; text-align: center; box-shadow: 0 0 10px #2A2A2A; border-radius: 5px">
<div style="padding: 2px 0 0 2px; font-family:Retail Demo bold; font-size: clamp(0.70em, 2vw, 1em); background-color: #121212; border-radius: 5px 5px 0 0; ">{{Ap|{{{cost}}}|icon_size=15px}}</div>
<div style="padding: 10px 4px 4px 4px; font-size: clamp(0.70em, 2vw, {{{fontsize|1em}}});">{{{description}}}</div>
<div>{{#ifeq: {{{scale_type}}}|spirit|{{Ability card v2/Spirit mult|{{{scale_value}}}}}}}</div>
</div></includeonly>
<noinclude>
{{#invoke:Abilities/card|get_ability_card|Wraith|2|false}}
</noinclude>