Editing Template:Skill

<div style="width:50%;" >
<table class="wikitable"  style="width:100%; margin:0;">
<th>
<div style="display:flex; gap: 10px; text-align:left;">
<div style="width:75px; height:75px;"> [[File:SkillIcon_{{{filename|charactername}}}.png|75px]] </div>

<div style="width:-webkit-fill-available; padding:5px;"> 
<span style="font-size:1.2em;"><b>{{{name|skillname}}}</b></span> <br> <b>SP Recovery: </b> [[:Category:{{{recovertype|auto}}}recovery|{{uc:{{{recovertype|auto}}}}}]] <br>  <b> Activation </b> [[:Category:{{{casttype|auto}}}cast|{{uc:{{{casttype|auto}}}}}]]</div><includeonly>[[Category:{{{recovertype|auto}}}recovery]] [[Category:{{{casttype|auto}}}cast]]</includeonly><br>

{{#if:{{{damage-type|}}}|<span style="display:{{{damage-type|none}}}"><b>Damage Type:</b> [[:Category:Skill-{{{damage-type}}}|{{{damage-type}}}]] <includeonly>[[Category:Skill-{{{damage-type}}}]]</includeonly></span>}}

{{#if:{{{attack-reach|}}}|<span style="display:{{{attack-reach|none}}}"><b>Attack Reach:</b> [[:Category:Skill-{{{attack-reach}}}|{{{attack-reach}}}]] <includeonly>[[Category:Skill-{{{attack-reach}}}]]</includeonly> </span>}}

{{#if:{{{range type|}}}| <div style="text-align:center; padding:5px; align:center; "><b> [[:Category:Skill-Range-Change| Range: ]]</b> <br> [[File:Range{{{range type}}}.png|120px | center| middle| link=]] <includeonly>[[Category:Skill-Range-Change]]</includeonly> 
</div>|}}

</div>

</div>
</th>
</table>
{| class="wikitable" style="width:100%; margin:0; font-size:1em; text-align:center;"  
<!--|-
! rowspan=3 | [[File:SkillIcon_{{{filename|charactername}}}.png|75px]]
|-
! rowspan=2 style="text-align:left; font-size:18px; text-align:left;"| {{{name|skillname}}}
! SP Recovery
! Activation
|-

| style="font-size:16px; width:100px;" | [[:Category:{{{recovertype|auto}}}recovery|{{uc:{{{recovertype|auto}}}}}]]   
| style="font-size:16px; width:100px;" | [[:Category:{{{casttype|auto}}}cast|{{uc:{{{casttype|auto}}}}}]]
-->
|- 
! style="text-align:center; width:75px" | Level
! style="width:auto; text-align:left;"  | Effect
! style="width:70px;"|Init. SP
! style="width:70px;"|SP Cost
|-
! 1
| style="text-align:left;" |{{{effect|?}}}
| {{{initsp|Y}}}
| {{{cost|X}}} 
|-
! 2
| style="text-align:left;" | {{{effect2|?}}}
| {{{initsp2|Y}}}
| {{{cost2|X}}} 
|-
! 3
| style="text-align:left;" | {{{effect3|?}}}
| {{{initsp3|Y}}}
| {{{cost3|X}}} 
|- style="display:{{{effect4|none}}}
! 4
| style="text-align:left;" | {{{effect4}}}
| {{{initsp4|Y}}}
| {{{cost4|X}}} 
|-  style="display:{{{effect5|none}}}
! 5
| style="text-align:left;" | {{{effect5}}}
| {{{initsp5|Y}}}
| {{{cost5|X}}} 
|-  style="display:{{{effect6|none}}}
! 6
| style="text-align:left;" | {{{effect6}}}
| {{{initsp6|Y}}}
| {{{cost6|X}}} 
|-  style="display:{{{effect7|none}}}
! 7
| style="text-align:left;" | {{{effect7}}}
| {{{initsp7|Y}}}
| {{{cost7|X}}} 
|-  style="display:{{{effect8|none}}}
! 8
| style="text-align:left;" | {{{effect8}}}
| {{{initsp8|Y}}}
| {{{cost8|X}}} 
|-  style="display:{{{effect9|none}}}
! 9
| style="text-align:left;" | {{{effect9}}}
| {{{initsp9|Y}}}
| {{{cost9|X}}} 
|-  style="display:{{{effect10|none}}}
! 10
| style="text-align:left;" | {{{effect10}}}
| {{{initsp10|Y}}}
| {{{cost10|X}}} 
|-
|}
</div>
{| class="wikitable"  style="width:50%; display:{{{class|{{{upgrade|none}}}}}}; padding:10px; margin: 0;"
|<div class="mw-collapsible mw-collapsed" style="width:100%; overflow:auto; vertical-align: text-bottom; align:center;"><b>Skill Upgrades</b><div class="mw-collapsible-content">{{#if:{{{class|}}}|{{ Skill Upgrade| class={{{class}}} | rarity={{{rarity}}} }}|
{{ Skill Upgrade| class={{#explode:{{{upgrade}}}|Skill|0}} | rarity= {{#explode:{{{upgrade}}}|Skill|1}}</div>
|}
</div>

<noinclude>

==Upgrade==
Skill upgrade is now included in the skillbox, but clean up in pages make take time. So if ever, you can go ahead and add this attribute into the present skill template to specify which skill upgrade template to use. The format is ClassSkill# where # is the rarity, and Class is one of the 7 classes.

Not including the <b>upgrade</b> field will hide the section, which is useful only when a character has a separate skill set for their transformation or summon.

<pre><nowiki>{{Skill
|upgrade= SupporterSkill6
|}}</nowiki></pre>

===Values for upgrade attribute===
ClassSkill# (where class is whichever class, # is rarity eg FighterSkill0 for Gaia a 0 star Fighter)

Refer to [[Template:Skill Upgrade]]

===Values for skill recovery and activation===
recovery
* auto
* cost
activation
* manual
* auto
</noinclude>
@@ Line 1: / Line 1: @@
-<table class="wikitable" style="width:50%; margin-bottom:0; margin-top:0;">
+<div style="width:50%;" >
- <tr><th rowspan="2" style="width:75px;">[[File:SkillIcon_{{{filename|charactername}}}.png|75px]]</th>
+<table class="wikitable"  style="width:100%; margin:0;">
-     <th colspan="2">{{{name|skillname}}}</th>
+<th>
- </tr>
+<div style="display:flex; gap: 10px; text-align:left;">
- <tr><td><ul>
+<div style="width:75px; height:75px;"> [[File:SkillIcon_{{{filename|charactername}}}.png|75px]] </div>
-<li><b>SP Recovery: </b> [[:Category:{{{recovertype|auto}}}recovery|{{uc:{{{recovertype|auto}}}}}]] </li>
-<li><b>Activation </b> [[:Category:{{{casttype|auto}}}cast|{{uc:{{{casttype|auto}}}}}]] </li>
+<div style="width:-webkit-fill-available; padding:5px;">
-<includeonly>[[Category:{{{recovertype|auto}}}recovery]] [[Category:{{{casttype|auto}}}cast]]</includeonly>
+<span style="font-size:1.2em;"><b>{{{name|skillname}}}</b></span> <br> <b>SP Recovery: </b> [[:Category:{{{recovertype|auto}}}recovery|{{uc:{{{recovertype|auto}}}}}]] <br>  <b> Activation </b> [[:Category:{{{casttype|auto}}}cast|{{uc:{{{casttype|auto}}}}}]]</div><includeonly>[[Category:{{{recovertype|auto}}}recovery]] [[Category:{{{casttype|auto}}}cast]]</includeonly><br>
-{{#if:{{{damage-type|}}} <li> <b>Damage Type:</b>[[:Category:Skill-{{{damage-type}}}|{{{damage-type}}}]] <includeonly>[[Category:Skill-{{{damage-type}}}]]</includeonly> </li>}}
-{{#if:{{{attack-reach|}}}  <li><b>Attack Reach:</b> [[:Category:Skill-{{{attack-reach}}}|{{{attack-reach}}}]] <includeonly>[[Category:Skill-{{{attack-reach}}}]]</includeonly></li>}}
+{{#if:{{{damage-type|}}}|<span style="display:{{{damage-type|none}}}"><b>Damage Type:</b> [[:Category:Skill-{{{damage-type}}}|{{{damage-type}}}]] <includeonly>[[Category:Skill-{{{damage-type}}}]]</includeonly></span>}}
-</ul></td>
-<td style="display:{{{range type|none}}};">
+{{#if:{{{attack-reach|}}}|<span style="display:{{{attack-reach|none}}}"><b>Attack Reach:</b> [[:Category:Skill-{{{attack-reach}}}|{{{attack-reach}}}]] <includeonly>[[Category:Skill-{{{attack-reach}}}]]</includeonly> </span>}}
-<b> [[:Category:Skill-Range-Change| Range: ]]</b> <br> [[File:Range{{{range type}}}.png| x100px | center| middle| link=Category:Skill-Range-Change]]
-{{#if:{{{range type|}}} ]<includeonly>[[Category:Skill-Range-Change]]</includeonly>}}
+{{#if:{{{range type|}}}| <div style="text-align:center; padding:5px; align:center; "><b> [[:Category:Skill-Range-Change| Range: ]]</b> <br> [[File:Range{{{range type}}}.png|120px | center| middle| link=]] <includeonly>[[Category:Skill-Range-Change]]</includeonly>
-</td>
+</div>|}}
-</tr>
-</table><table class="wikitable" style="width:50%; margin-bottom:0;  margin-top:0;">
+</div>
-<tr><th colspan=4>Max Level Skill Details</th></tr>
-<tr>
+</div>
-<th style="width:50px;">Level</th>
+</th>
-<th>Effect</th>
+</table>
-<th style="width:50px;">Start SP</th>
+{| class="wikitable" style="width:100%; margin:0; font-size:1em; text-align:center;"
-<th style="width:50px;">SP Cost</th>
+<!--|-
-</tr>
+! rowspan=3 | [[File:SkillIcon_{{{filename|charactername}}}.png|75px]]
-<tr>
+|-
-{{#if: {{{effect10|}}} |
+! rowspan=2 style="text-align:left; font-size:18px; text-align:left;"| {{{name|skillname}}}
-<td>10</td>
+! SP Recovery
-<td>{{{effect10|?}}}</td>
+! Activation
-<td>{{{initsp10|Y}}}</td>
+|-
-<td>{{{cost10|X}}} </td>
-| {{#if: {{{effect7|}}} |
+| style="font-size:16px; width:100px;" | [[:Category:{{{recovertype|auto}}}recovery|{{uc:{{{recovertype|auto}}}}}]]
-<td>7</td>
+| style="font-size:16px; width:100px;" | [[:Category:{{{casttype|auto}}}cast|{{uc:{{{casttype|auto}}}}}]]
-<td>{{{effect7|?}}}</td>
+-->
-<td>{{{initsp7|Y}}}</td>
+|-
-<td>{{{cost7|X}}} </td> |
+! style="text-align:center; width:75px" | Level
-<td>3</td>
+! style="width:auto; text-align:left;"  | Effect
-<td>{{{effect3|?}}}</td>
+! style="width:70px;"|Init. SP
-<td>{{{initsp3|Y}}}</td>
+! style="width:70px;"|SP Cost
-<td>{{{cost3|X}}}</td>
+|-
-}}
+! 1
-}}
+| style="text-align:left;" |{{{effect|?}}}
-</tr>
+| {{{initsp|Y}}}
-</table><table class="wikitable mw-collapsible mw-collapsed" style="width:50%; margin-bottom:0;  margin-top:0;">
+| {{{cost|X}}}
-<tr>
+|-
-<th colspan=4>Skill Progression</th>
+! 2
-</tr>
+| style="text-align:left;" | {{{effect2|?}}}
-<tr>
+| {{{initsp2|Y}}}
-<td style="width:50px;">1</td>
+| {{{cost2|X}}}
-<td>{{{effect|?}}}</td>
+|-
-<td style="width:50px;">{{{initsp|Y}}}</td>
+! 3
-<td style="width:50px;">{{{cost|X}}} </td>
+| style="text-align:left;" | {{{effect3|?}}}
-</tr>
+| {{{initsp3|Y}}}
-<tr>
+| {{{cost3|X}}}
-<td>2</td>
+|- style="display:{{{effect4|none}}}
-<td>{{{effect2|?}}}</td>
+! 4
-<td>{{{initsp2|Y}}}</td>
+| style="text-align:left;" | {{{effect4}}}
-<td>{{{cost2|X}}} </td>
+| {{{initsp4|Y}}}
-</tr>
+| {{{cost4|X}}}
-<tr>
+|-  style="display:{{{effect5|none}}}
-<td>3</td>
+! 5
-<td>{{{effect3|?}}}</td>
+| style="text-align:left;" | {{{effect5}}}
-<td>{{{initsp3|Y}}}</td>
+| {{{initsp5|Y}}}
-<td>{{{cost3|X}}} </td>
+| {{{cost5|X}}}
-</tr>
+|-  style="display:{{{effect6|none}}}
-<tr style="display:{{{cost4|none}}};">
+! 6
-<td style="display:{{{cost4|none}}};>4</td>
+| style="text-align:left;" | {{{effect6}}}
-<td style="display:{{{cost4|none}}};>{{{effect4|?}}}</td>
+| {{{initsp6|Y}}}
-<td style="display:{{{cost4|none}}};>{{{initsp4|Y}}}</td>
+| {{{cost6|X}}}
-<td style="display:{{{cost4|none}}};>{{{cost4|X}}} </td>
+|-  style="display:{{{effect7|none}}}
-</tr>
+! 7
-<tr style="display:{{{cost5|none}}};">
+| style="text-align:left;" | {{{effect7}}}
-<td style="display:{{{cost5|none}}};">5</td>
+| {{{initsp7|Y}}}
-<td style="display:{{{cost5|none}}};>{{{effect5|?}}}</td>
+| {{{cost7|X}}}
-<td style="display:{{{cost5|none}}};>{{{initsp5|Y}}}</td>
+|-  style="display:{{{effect8|none}}}
-<td style="display:{{{cost5|none}}};>{{{cost5|X}}} </td>
+! 8
-</tr>
+| style="text-align:left;" | {{{effect8}}}
-<tr style="display:{{{cost5|none}}};">
+| {{{initsp8|Y}}}
-<td style="display:{{{cost5|none}}};>6</td>
+| {{{cost8|X}}}
-<td style="display:{{{cost5|none}}};>{{{effect6|?}}}</td>
+|-  style="display:{{{effect9|none}}}
-<td style="display:{{{cost5|none}}};>{{{initsp6|Y}}}</td>
+! 9
-<td style="display:{{{cost5|none}}};>{{{cost6|X}}} </td>
+| style="text-align:left;" | {{{effect9}}}
-</tr>
+| {{{initsp9|Y}}}
-<tr style="display:{{{cost5|none}}};">
+| {{{cost9|X}}}
-<td style="display:{{{cost5|none}}};>7</td>
+|-  style="display:{{{effect10|none}}}
-<td style="display:{{{cost5|none}}};>{{{effect7|?}}}</td>
+! 10
-<td style="display:{{{cost5|none}}};>{{{initsp7|Y}}}</td>
+| style="text-align:left;" | {{{effect10}}}
-<td style="display:{{{cost5|none}}};>{{{cost7|X}}} </td>
+| {{{initsp10|Y}}}
-</tr>
+| {{{cost10|X}}}
-<tr  style="display:{{{cost8|none}}};">
+|-
-<td style="display:{{{cost8|none}}}>8</td>
+|}
-<td style="display:{{{cost8|none}}}>{{{effect8|?}}}</td>
+</div>
-<td style="display:{{{cost8|none}}}>{{{initsp8|Y}}}</td>
+{| class="wikitable"  style="width:50%; display:{{{class|{{{upgrade|none}}}}}}; padding:10px; margin: 0;"
-<td style="display:{{{cost8|none}}}>{{{cost8|X}}} </td>
+|<div class="mw-collapsible mw-collapsed" style="width:100%; overflow:auto; vertical-align: text-bottom; align:center;"><b>Skill Upgrades</b><div class="mw-collapsible-content">{{#if:{{{class|}}}|{{ Skill Upgrade| class={{{class}}} | rarity={{{rarity}}} }}|
-</tr>
+{{ Skill Upgrade| class={{#explode:{{{upgrade}}}|Skill|0}} | rarity= {{#explode:{{{upgrade}}}|Skill|1}}</div>
-<tr  style="display:{{{cost8|none}}};">
-<td style="display:{{{cost8|none}}}>9</td>
-<td style="display:{{{cost8|none}}}>{{{effect9|?}}}</td>
-<td style="display:{{{cost8|none}}}>{{{initsp9|Y}}}</td>
-<td style="display:{{{cost8|none}}}>{{{cost9|X}}} </td>
-</tr>
-<tr style="display:{{{cost8|none}}};">
-<td style="display:{{{cost8|none}}}>10</td>
-<td style="display:{{{cost8|none}}}>{{{effect10|?}}}</td>
-<td style="display:{{{cost8|none}}}>{{{initsp10|Y}}}</td>
-<td style="display:{{{cost8|none}}}>{{{cost10|X}}} </td>
-</tr></table>
-{| class="wikitable"  style="width:50%;  margin-top:0; display:{{{class| {{{upgrade|none}}} }}}; padding:10px;"
-|<div class="mw-collapsible mw-collapsed" style="width:100%; overflow:auto; vertical-align: text-bottom; text-align:center;"><b>Skill Upgrade Materials</b><div class="mw-collapsible-content"> {{#if:{{{class|}}}|{{Skill Upgrade| class={{{class}}} | rarity= {{{rarity}}} }} |{{Skill Upgrade| class={{#explode:{{{upgrade}}}|Skill|0}} | rarity= {{#explode:{{{upgrade}}}|Skill|1}}  }} }} </div>
 |}
+</div>
 <noinclude>
-{{ Skill Upgrade| class={{#explode:SupporterSkill6|Skill|0}} | rarity= {{#explode:SupporterSkill6|Skill|1}} }} }}
 ==Upgrade==
 Skill upgrade is now included in the skillbox, but clean up in pages make take time. So if ever, you can go ahead and add this attribute into the present skill template to specify which skill upgrade template to use. The format is ClassSkill# where # is the rarity, and Class is one of the 7 classes.