User:Tolkyria/Skill tables redesign

From Guild Wars 2 Wiki
Jump to navigationJump to search
__NOEDITSECTION__{{Custom CSS|css=
.table.skills2 { width:100%; max-width:100em; display:table; }
.table.skills2 > :first-child > tr:first-child ~ tr th[colspan] { text-align:left; }
.table.skills2 > :first-child > tr:first-child ~ tr th[colspan] span.editsection { display:none; }
.table.skills2 > :first-child > tr:first-child ~ tr th[colspan] h4 {  margin-top:5px !important; margin-bottom:5px !important; }
}}
== Description == 
=== Format from 2013 ===
* Slot skill table format from 2013 for comparison.
{| class="guardian skills table collapsible"
! style="width:200px;" | Skill  
! style="width:43px; text-align:left;" | [[File:Underwater.png|link=Underwater_mode#Underwater_skills]]
! style="width:43px; text-align:left;" | [[File:Hero point.png|20px|link=Hero point]]
! style="width:43px; text-align:left;" | [[File:Activation.png|link=Activation time]]
! style="width:43px; text-align:left;" | [[File:Tango-recharge-darker.png|link=Recharge]]
! style="width:54.7%;" | Description
{{User:Tolkyria/Skill table row|template=slot 2013|Hallowed Ground}}
{{User:Tolkyria/Skill table row|template=slot 2013|Purging Flames}}
{{User:Tolkyria/Skill table row|template=slot 2013|Sanctuary}}
{{User:Tolkyria/Skill table row|template=slot 2013|Wall of Reflection}}
|}
* Weapon skill table format from 2013 for comparison.
{| class="guardian skills table collapsible"
! style="width:10px;"  |
! style="width:200px;" | Skill
! style="width:189px;" | Type
! style="width:43px; text-align:left;" | [[File:Activation.png|link=Activation time]]
! style="width:43px; text-align:left;" | {{#ifeq:{{#var:initiative|x}}|y|[[File:Initiative.png|link=Initiative]]|[[File:Tango-recharge-darker.png|link=Recharge]]}}
! style="width:45.4%;" | Description
{{User:Tolkyria/Skill table row|template=weapon 2013|Strike}}
{{User:Tolkyria/Skill table row|template=weapon 2013|chain=chain|Vengeful Strike}}
{{User:Tolkyria/Skill table row|template=weapon 2013|chain=chain|Wrathful Strike}}
{{User:Tolkyria/Skill table row|template=weapon 2013|Whirling Wrath}}
{{User:Tolkyria/Skill table row|template=weapon 2013|Leap of Faith}}
{{User:Tolkyria/Skill table row|template=weapon 2013|Symbol of Wrath}}
{{User:Tolkyria/Skill table row|template=weapon 2013|Binding Blade}}
{{User:Tolkyria/Skill table row|template=weapon 2013|chain=chain|Pull (guardian skill)}}
|}

=== My concept ===
Therefore, my intention is to '''redesign''' the following templates and their subtemplates all together with one concept:
# [[Template:Slot skill table row]] 
# [[Template:Weapon skill table row]]
# [[Template:Profession mechanic skill table row]]
# [[Template:Trait table]]
# [[Template:Mastery table]]

'''Key points''' of my concept are:
# '''Mirror''' the format from 2012 and 2013 with adjusted widths.
# The '''description''' column is always at the '''same place''' for all tables.
# '''Emphasize''' the description column by giving it more width to the right, i.e. increase the CSS class .skills from 1000px to 100em. Note that now the skill description displays the skill '''type''' as intro making the type column more or less obsolete.
# The numerical values are '''properly right-aligned''' below the properly right-aligned headers.
# Everything is '''responsive'''.

=== My concept — changes ===
; CSS class ''skills''
* Increase width from 1000px to 100em (~1200px for standard browser settings)

; Slot skill table header
* Change ''Skill'' column width from 200px to '''19em''' (~228px).
* Change ''Underwater skill'', ''Hero Point'', ''Activation'', ''Recharge'' columns from left-algined 43px to '''right-aligned 3.5em'''.
* Change ''Description'' column from 54.7% (i.e. ~540px) to '''61em''' (~732px), where the description text has padding-left:2em and therefore starts at 40% of the table.
* Adding an optional ''Energy'' column (width: 3.5em) now moves the description column by 4.5em to the right (i.e. 3.5em + 0.5em padding-left and + 0.5em padding-right).
* Adding an optional ''Type'' column (rarely used) with the width of 8em moves the description by 9em to the right (i.e. 8em + 0.5em padding-left and + 0.5em padding-right).

; Weapon skill table header
* Change ''Skill number'' column width from 10px to '''1.5em'''.
* Change ''Skill'' column width from 200px to '''25.5em'''.
* Change ''Activation'', ''Recharge'' columns from left-algined 43px to '''right-aligned 3.5em'''.
* Change ''Description'' column from 54.7% (i.e. ~540px) to '''61em''' (~732px), where the description text has padding-left:2em and therefore starts at 40% of the table.
* Adding an optional ''Energy'' column (width: 3.5em) now moves the description column by 4.5em to the right (i.e. 3.5em + 0.5em padding-left and + 0.5em padding-right).
* Adding an optional ''Type'' (rarely used)  or ''Weapon'' (sometimes) column with the width of 8em moves the skill column by 9em to the left (i.e. 8em + 0.5em padding-left and + 0.5em padding-right), taking up exactly that space that is occupied by the underwater and hero point columns in the slot skill table. Note that only one of these columns can be used at the same time.
* This format carries over to '''Profession mechanic table header'''.

; Trait table
* Change ''Tier'' column from 150px to '''11.5em'''.
* Change ''Trait'' column from 200px to '''20em'''.
* Change ''Recharge'' column to '''right-aligned 3.5em'''.
* Change ''Description'' column to '''61em''' (~732px), where the description text has padding-left:2em and therefore starts at 40% of the table.
* Add an optional '''energy space''' to the ''Trait'' column to align the description column width to the templates above if an energy column is used.

; Mastery table 
* Change ''Mastery'' column to '''22em'''.
* Change ''XP required'' column to '''8em'''.
* Change ''Points'' column to '''5em'''.
* Change ''Description'' column to '''61em'''.

; Features 
* The ''Description'' column starts at 40% of the table for all the templates (or at 44.5% if an energy column is used). The description column is more emphasized through the increased size (since the skill type is part of the description now) by taking up the extra space from the CSS class width increase.
* The ''Recharge'' column is at the same position for all three templates.
* The ''Weapon'' or ''Type'' column (also ''Pet'' or ''Archetype'' column for profession mechanic skill tables) for weapon skill tables takes exactly the place that is used by the the ''Underwater'' and ''Hero Point'' column in the slot skill table.
* All numerical values are properly right-aligned directly below the properly right-aligned table header icon.

=== My concept — widths ===
* '''Slot skill table header'''
<div style="width:100em;font-size:.9230769231em;height:120px;background:lightgreen;"><!--
--><div style="width:19em;height:40px;padding:0 .5em;background:lightcoral;display:inline-block;text-align:center">19em<br>Skill</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:lightyellow;display:inline-block;text-align:right">3.5em<br>[[File:Underwater.png|link=Underwater_mode#Underwater_skills]]</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:lightsalmon;display:inline-block;text-align:right">3.5em<br>[[File:Hero point.png|20px|link=Hero point]]</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:lightyellow;display:inline-block;text-align:right">3.5em<br>[[File:Activation.png|link=Activation time]]</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:lightsalmon;display:inline-block;text-align:right">3.5em<br>[[File:Tango-recharge-darker.png|link=Recharge]]</div><!--
--><div style="width:61em;height:40px;padding:0 .5em;background:lightsteelblue;display:inline-block;text-align:center">61em<br>Description</div><br><!--
--><div style="width:40%;display:inline-block;text-align:center"></div><!--
--><div style="width:60%;background:lightblue;display:inline-block;text-align:center">description: 60% with padding-left:2em</div><br><!--
--><div style="width:19em;height:40px;padding:0 .5em;background:lightcoral;display:inline-block;text-align:center">19em<br>Skill</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:lightyellow;display:inline-block;text-align:right">3.5em<br>[[File:Underwater.png|link=Underwater_mode#Underwater_skills]]</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:lightsalmon;display:inline-block;text-align:right">3.5em<br>[[File:Hero point.png|20px|link=Hero point]]</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:lightyellow;display:inline-block;text-align:right">3.5em<br>[[File:Activation.png|link=Activation time]]</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:#D16E5A;display:inline-block;text-align:right">3.5em<br>[[File:Energy.png|20px|link=Energy|Energy cost/Upkeep cost]]</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:lightsalmon;display:inline-block;text-align:right">3.5em<br>[[File:Tango-recharge-darker.png|link=Recharge]]</div><!--
--><div style="width:56.5em;height:40px;padding:0 .5em;background:lightsteelblue;display:inline-block;text-align:center">56.5em<br>Description</div><br><!--
--><div style="width:44.5%;display:inline-block;text-align:center"></div><!--
--><div style="width:55.5%;background:lightblue;display:inline-block;text-align:center">description: 55.5% with padding-left:2em</div>
</div>

* '''Weapon skill table header'''
<div style="width:100em;font-size:.9230769231em;height:120px;background:lightgreen;"><!--
--><div style="width:1.5em;height:40px;padding:0 .5em;background:lightblue;display:inline-block;">1.5em<br>#</div><!--
--><div style="width:25.5em;height:40px;padding:0 .5em;background:lightcoral;display:inline-block;text-align:center">25.5em<br>Skill</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:lightyellow;display:inline-block;text-align:right">3.5em<br>[[File:Activation.png|link=Activation time]]</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:lightsalmon;display:inline-block;text-align:right">3.5em<br>[[File:Tango-recharge-darker.png|link=Recharge]]</div><!--
--><div style="width:61em;height:40px;padding:0 .5em;background:lightsteelblue;display:inline-block;text-align:center">61em<br>Description</div><br><!--
--><div style="width:20em;display:inline-block;text-align:center"></div><!--
--><div style="width:8em;padding:0 .5em;background:lightpink;display:inline-block;text-align:center">8em optional col.</div><!--
--><div style="width:11em;display:inline-block;text-align:center"></div><!--
--><div style="width:60%;background:lightblue;display:inline-block;text-align:center">description: 60% with padding-left:2em</div><br><!--
--><div style="width:1.5em;height:40px;padding:0 .5em;background:lightblue;display:inline-block;">1.5em<br>#</div><!--
--><div style="width:25.5em;height:40px;padding:0 .5em;background:lightcoral;display:inline-block;text-align:center">25.5em<br>Skill</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:lightyellow;display:inline-block;text-align:right">3.5em<br>[[File:Activation.png|link=Activation time]]</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:#D16E5A;display:inline-block;text-align:right">3.5em<br>[[File:Energy.png|20px|link=Energy|Energy cost/Upkeep cost]]</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:lightsalmon;display:inline-block;text-align:right">3.5em<br>[[File:Tango-recharge-darker.png|link=Recharge]]</div><!--
--><div style="width:56.5em;height:40px;padding:0 .5em;background:lightsteelblue;display:inline-block;text-align:center">56.5em<br>Description</div><br><!--
--><div style="width:20em;display:inline-block;text-align:center"></div><!--
--><div style="width:8em;padding:0 .5em;background:lightpink;display:inline-block;text-align:center">8em optional col.</div><!--
--><div style="width:15.5em;display:inline-block;text-align:center"></div><!--
--><div style="width:55.5%;background:lightblue;display:inline-block;text-align:center">description: 55.5% with padding-left:2em</div>
</div>

* '''Trait table'''
<div style="width:100em;font-size:.9230769231em;height:60px;background:lightgreen;"><!--
--><div style="width:11.5em;height:40px;padding:0 .5em;background:lightblue;display:inline-block;">11.5em<br>Tier</div><!--
--><div style="width:20em;height:40px;padding:0 .5em;background:lightcoral;display:inline-block;text-align:center">20em<br>Trait</div><!--
--><div style="width:3.5em;height:40px;padding:0 .5em;background:lightsalmon;display:inline-block;text-align:right">3.5em<br>[[File:Tango-recharge-darker.png|link=Recharge]]</div><!--
--><div style="width:61em;height:40px;padding:0 .5em;background:lightsteelblue;display:inline-block;text-align:center">61em<br>Description</div><br><!--
--><div style="width:40%;display:inline-block;text-align:center"></div><!--
--><div style="width:60%;background:lightblue;display:inline-block;text-align:center">description: 60% with padding-left:2em</div>
</div>

=== Templates used here ===
* [[User:Tolkyria/Skill table header]]
* [[User:Tolkyria/Skill table row]]
* [[User:Tolkyria/Skill table row format]]

== Slot skill table ==
<div style="width:100em;font-size:.9230769231em;height:60px;background:lightgreen;">100em in table, font size = 12/13=.923<br><!--
Skill       --><div style="width:20%;background:lightcoral;display:inline-block;text-align:center">20%</div><!--
UW          --><div style="width:4.5%;background:lightyellow;display:inline-block;text-align:center">4.5%</div><!--
HP          --><div style="width:4.5%;background:lightsalmon;display:inline-block;text-align:center">4.5%</div><!--
Activation  --><div style="width:4.5%;background:lightyellow;display:inline-block;text-align:center">4.5%</div><!--
Recharge    --><div style="width:4.5%;background:lightsalmon;display:inline-block;text-align:center">4.5%</div><!--
Description --><div style="width:62%;background:lightsteelblue;display:inline-block;text-align:center">62%</div><br><!--
            --><div style="width:40%;display:inline-block;text-align:center"></div><!--
            --><div style="width:60%;background:lightblue;display:inline-block;text-align:center">description: 60% with padding-left:2em</div><br>
</div>
{| {{STDT|guardian skills2 collapsible}}
{{User:Tolkyria/Skill table header|template=slot}}
{{User:Tolkyria/Skill table row|template=slot|Hallowed Ground}}
{{User:Tolkyria/Skill table row|template=slot|Purging Flames}}
{{User:Tolkyria/Skill table row|template=slot|Sanctuary}}
{{User:Tolkyria/Skill table row|template=slot|Wall of Reflection}}
|}

== Weapon skill table ==
<div style="width:100em;font-size:.9230769231em;height:40px;background:lightgreen;"><!--
#           --><div style="width:2.5%;background:lightblue;display:inline-block;">2.5%</div><!--
Skill       --><div style="width:26.5%;background:lightcoral;display:inline-block;text-align:center">26.5%</div><!--
Activation  --><div style="width:4.5%;background:lightyellow;display:inline-block;text-align:center">4.5%</div><!--
Recharge    --><div style="width:4.5%;background:lightsalmon;display:inline-block;text-align:center">4.5%</div><!--
Description --><div style="width:62%;background:lightsteelblue;display:inline-block;text-align:center">62%</div><br><!--
            --><div style="width:40%;display:inline-block;text-align:center"></div><!--
            --><div style="width:60%;background:lightblue;display:inline-block;text-align:center">description: 60% with padding-left:2em</div><br>
</div>
{| {{STDT|guardian skills2 collapsible}}
{{User:Tolkyria/Skill table header|template=weapon}}
{{User:Tolkyria/Skill table row|template=weapon|Strike}}
{{User:Tolkyria/Skill table row|template=weapon|chain=chain|Vengeful Strike}}
{{User:Tolkyria/Skill table row|template=weapon|chain=chain|Wrathful Strike}}
{{User:Tolkyria/Skill table row|template=weapon|Whirling Wrath}}
{{User:Tolkyria/Skill table row|template=weapon|Leap of Faith}}
{{User:Tolkyria/Skill table row|template=weapon|Symbol of Wrath}}
{{User:Tolkyria/Skill table row|template=weapon|Binding Blade}}
{{User:Tolkyria/Skill table row|template=weapon|chain=chain|Pull (guardian skill)}}
|}
=== With type or weapon column ===
<div style="width:100em;font-size:.9230769231em;height:40px;background:lightgreen;"><!--
#           --><div style="width:2.5%;background:lightblue;display:inline-block;">2.5%</div><!--
Skill       --><div style="width:17.5%;background:lightcoral;display:inline-block;text-align:center">17.5%</div><!--
Type        --><div style="width:9%;background:lightpink;display:inline-block;text-align:center">9%</div><!--
Activation  --><div style="width:4.5%;background:lightyellow;display:inline-block;text-align:center">4.5%</div><!--
Recharge    --><div style="width:4.5%;background:lightsalmon;display:inline-block;text-align:center">4.5%</div><!--
Description --><div style="width:62%;background:lightsteelblue;display:inline-block;text-align:center">62%</div><br><!--
            --><div style="width:40%;display:inline-block;text-align:center"></div><!--
            --><div style="width:60%;background:lightblue;display:inline-block;text-align:center">description: 60% with padding-left:2em</div><br>
</div>
{| {{STDT|guardian skills2 collapsible}}
{{User:Tolkyria/Skill table header|template=weapon|showType=true}}
{{User:Tolkyria/Skill table row|template=weapon|Strike}}
{{User:Tolkyria/Skill table row|template=weapon|chain=chain|Vengeful Strike}}
{{User:Tolkyria/Skill table row|template=weapon|chain=chain|Wrathful Strike}}
{{User:Tolkyria/Skill table row|template=weapon|Whirling Wrath}}
{{User:Tolkyria/Skill table row|template=weapon|Leap of Faith}}
{{User:Tolkyria/Skill table row|template=weapon|Symbol of Wrath}}
{{User:Tolkyria/Skill table row|template=weapon|Binding Blade}}
{{User:Tolkyria/Skill table row|template=weapon|chain=chain|Pull (guardian skill)}}
|}

== Profession mechanic skill table ==
{| {{STDT|guardian skills2 collapsible}}
{{User:Tolkyria/Skill table header|template=profession mechanic}}
{{User:Tolkyria/Skill table row|template=profession mechanic|Virtue of Justice}}
{{User:Tolkyria/Skill table row|template=profession mechanic|Virtue of Resolve}}
{{User:Tolkyria/Skill table row|template=profession mechanic|Virtue of Courage}}
|}

== Trait table ==
<div style="width:100em;font-size:.9230769231em;height:40px;background:lightgreen;"><!--
#           --><div style="width:12.5%;background:lightblue;display:inline-block;">12.5%</div><!--
Trait       --><div style="width:21%;background:lightcoral;display:inline-block;text-align:center">21%</div><!--
Recharge    --><div style="width:4.5%;background:lightsalmon;display:inline-block;text-align:center">4.5%</div><!--
Description --><div style="width:62%;background:lightsteelblue;display:inline-block;text-align:center">62%</div><!--
            --><div style="width:40%;display:inline-block;text-align:center"></div><!--
            --><div style="width:60%;background:lightblue;display:inline-block;text-align:center">description: 60% with padding-left:2em</div>
</div>
{{#ask:[[Is in trait line::{{{1|Virtues}}}]][[Has availability::Current||Future]][[:+]]
| ?Has trait tier
| ?Has trait type
| ?Has canonical name
| ?Has game icon
| ?Has recharge time
| ?Has game description
| link = none
| sort = Has trait tier number,Has trait type number,Has trait position number,
| format = template
| intro = <div>
| introtemplate = User:Tolkyria/Skill table header{{!}}1={{lc:{{#show:{{{1|Virtues}}}|?Is for profession|link=none}}}}{{!}}template=trait
| template = User:Tolkyria/Skill table row format{{!}}template=trait
| outrotemplate = Table footer
| outro = </div>
}}

== Mastery table ==
<div style="width:100em;font-size:.9230769231em;height:40px;background:lightgreen;"><!--
Name        --><div style="width:23%;background:lightcoral;display:inline-block;text-align:center">23%</div><!--
XP          --><div style="width:9%;background:lightyellow;display:inline-block;text-align:center">9%</div><!--
Points      --><div style="width:6%;background:lightsalmon;display:inline-block;text-align:center">6%</div><!--
Description --><div style="width:62%;background:lightsteelblue;display:inline-block;text-align:center">62%</div><!--
            --><div style="width:40%;display:inline-block;text-align:center"></div><!--
            --><div style="width:60%;background:lightblue;display:inline-block;text-align:center">description: 60% with padding-left:2em</div>
</div>
{{#ask:[[Has mastery track::{{{1|Gliding}}}]][[Has availability::Current||Future]][[:+]]
|?Has game icon
|?Has canonical name
|?Has mastery experience requirement
|?Has mastery point cost
|?Has mastery track region
|?Has game description
| format = template
| introtemplate = User:Tolkyria/Skill table header{{!}}{{!}}template=mastery
| template = User:Tolkyria/Skill table row format{{!}}template=mastery
| link = none
| sort = Has mastery tier
| order = asc
}}
|- class="line-top" style=""
! style="text-align:right;padding-top: .5em; padding-bottom: .5em;" | Total
! style="text-align:right;padding-top: .5em; padding-bottom: .5em;" | {{#ask:[[Has mastery track::{{{1|Gliding}}}]][[Has availability::Current||Future]][[:+]]|?Has mastery experience requirement|format=sum}}
! style="text-align:right;padding-top: .5em; padding-bottom: .5em;" | {{mastery point|{{#ask:[[Has mastery track::{{{1|Gliding}}}]][[Has availability::Current||Future]][[:+]]|?Has mastery point cost|format=sum|sep=>}}|region={{#var:mastery point region}}}}
! 
|}

== Revenant ==
Revenant uses an energy column, description is moved to the right.
=== Slot skill table ===
<div style="width:100em;font-size:.9230769231em;height:40px;background:lightgreen;"><!--
Skill       --><div style="width:20%;background:lightcoral;display:inline-block;text-align:center">20%</div><!--
UW          --><div style="width:4.5%;background:lightyellow;display:inline-block;text-align:center">4.5%</div><!--
HP          --><div style="width:4.5%;background:lightsalmon;display:inline-block;text-align:center">4.5%</div><!--
Activation  --><div style="width:4.5%;background:lightyellow;display:inline-block;text-align:center">4.5%</div><!--
Energy      --><div style="width:4.5%;background:#D16E5A;display:inline-block;text-align:center">4.5%</div><!--
Recharge    --><div style="width:4.5%;background:lightsalmon;display:inline-block;text-align:center">4.5%</div><!--
Description --><div style="width:57.5%;background:lightsteelblue;display:inline-block;text-align:center">57.5%</div><br><!--
            --><div style="width:44.5%;display:inline-block;text-align:center"></div><!--
            --><div style="width:55.5%;background:lightblue;display:inline-block;text-align:center">description: 55.5% with padding-left:2em</div><br>
</div>
{| {{STDT|revenant skills2 collapsible}}
{{User:Tolkyria/Skill table header|template=slot|showEnergy=true}}
{{User:Tolkyria/Skill table row|template=slot|Breakrazor's Bastion}}
{{User:Tolkyria/Skill table row|template=slot|Razorclaw's Rage}}
{{User:Tolkyria/Skill table row|template=slot|Darkrazor's Daring}}
{{User:Tolkyria/Skill table row|template=slot|Icerazor's Ire}}
{{User:Tolkyria/Skill table row|template=slot|Soulcleave's Summit}}
{{User:Tolkyria/Skill table row|template=slot|chain=chain|Dismiss Lieutenant Soulcleave}}
|}

=== Weapon skill table ===
<div style="width:100em;font-size:.9230769231em;height:40px;background:lightgreen;"><!--
#           --><div style="width:2.5%;background:lightblue;display:inline-block;">2.5%</div><!--
Skill       --><div style="width:26.5%;background:lightcoral;display:inline-block;text-align:center">26.5%</div><!--
Activation  --><div style="width:4.5%;background:lightyellow;display:inline-block;text-align:center">4.5%</div><!--
Energy      --><div style="width:4.5%;background:#D16E5A;display:inline-block;text-align:center">4.5%</div><!--
Recharge    --><div style="width:4.5%;background:lightsalmon;display:inline-block;text-align:center">4.5%</div><!--
Description --><div style="width:57.5%;background:lightsteelblue;display:inline-block;text-align:center">57.5%</div><br><!--
            --><div style="width:44.5%;display:inline-block;text-align:center"></div><!--
            --><div style="width:55.5%;background:lightblue;display:inline-block;text-align:center">description: 55.5% with padding-left:2em</div><br>
</div>
{| {{STDT|revenant skills2 collapsible}}
{{User:Tolkyria/Skill table header|template=weapon|showEnergy=true}}
{{User:Tolkyria/Skill table row|template=weapon|Shattershot}}
{{User:Tolkyria/Skill table row|template=weapon|Bloodbane Path}}
{{User:Tolkyria/Skill table row|template=weapon|Sevenshot}}
{{User:Tolkyria/Skill table row|template=weapon|Spiritcrush}}
{{User:Tolkyria/Skill table row|template=weapon|Scorchrazor}}
|}

=== Profession mechanic skill table ===
{| {{STDT|revenant skills2 collapsible}}
{{User:Tolkyria/Skill table header|template=profession mechanic|showEnergy=true|showType=true}}
{{User:Tolkyria/Skill table row|template=profession mechanic|Legendary Renegade Stance}}
{{User:Tolkyria/Skill table row|template=profession mechanic|Heroic Command}}
{{User:Tolkyria/Skill table row|template=profession mechanic|Citadel Bombardment}}
{{User:Tolkyria/Skill table row|template=profession mechanic|Orders from Above}}
|}

=== Trait table ===
<div style="width:100em;font-size:.9230769231em;height:40px;background:lightgreen;"><!--
#           --><div style="width:12.5%;background:lightblue;display:inline-block;">12.5%</div><!--
Trait       --><div style="width:25.5%;background:lightcoral;display:inline-block;text-align:center">25.5%</div><!--
Recharge    --><div style="width:4.5%;background:lightsalmon;display:inline-block;text-align:center">4.5%</div><!--
Description --><div style="width:57.5%;background:lightsteelblue;display:inline-block;text-align:center">57.5%</div><!--
            --><div style="width:44.5%;display:inline-block;text-align:center"></div><!--
            --><div style="width:55.5%;background:lightblue;display:inline-block;text-align:center">description: 55.5% with padding-left:2em</div><br>
</div>
{{#ask:[[Is in trait line::{{{1|Renegade}}}]][[Has availability::Current||Future]][[:+]]
| ?Has trait tier
| ?Has trait type
| ?Has canonical name
| ?Has game icon
| ?Has recharge time
| ?Has game description
| link = none
| sort = Has trait tier number,Has trait type number,Has trait position number,
| format = template
| intro = <div>
| introtemplate = User:Tolkyria/Skill table header{{!}}1={{lc:{{#show:{{{1|Renegade}}}|?Is for profession|link=none}}}}{{!}}template=trait{{!}}addEnergyIndent=true
| template = User:Tolkyria/Skill table row format{{!}}template=trait
| outrotemplate = Table footer
| outro = </div>
}}