Template:M&SATROGAE stats: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
(No substantial change, but since fractional values are in the game in Toads' stats, this is better coding, as the point is that 10 fills the bar completely even if it should not)
(Color customization for Toads!)
Line 2: Line 2:
|-
|-
| align=right | '''Power'''
| align=right | '''Power'''
|<div style="background-color: #d8eefc; position: relative; left: 0em; top: 0em; border: {{#expr: 5/16}}em solid #d8eefc; width: {{#expr: 140/16}}em; height: {{#expr: 30/16}}em; border-radius: {{#expr: 20/16}}em; "><div class="statbar" style="position: absolute; left: 0em; top: 0em; background: linear-gradient(to right, yellow 0%, orange 60%, red 100%); z-index: 2; width: {{#ifexpr: {{{Power|0}}} = 10 | {{#expr: (({{{Power|0}}}*10) + 40)/16}}em | {{#expr: (({{{Power|0}}}*10) + 30)/16}}em}}; height: {{#expr: 30/16}}em; overflow: hidden; border-radius: {{#expr: 15/16}}em;"><div style="background-color: yellow; width: {{#expr: 18/16}}em; height: {{#expr: 18/16}}em; z-index: 3; overflow: hidden; position: relative; left: {{#ifexpr: {{{Power|0}}} = 10 | {{#expr: (({{{Power|0}}}*10) + 16)/16}}em | {{#expr: (({{{Power|0}}}*10) + 6)/16}}em}}; top: {{#expr: 6/16}}em; Border-Radius:50%;">&nbsp;</div></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 32/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 42/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 52/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 62/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 72/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 82/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 92/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 102/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 112/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 122/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div></div>
|<div style="background-color: #d8eefc; position: relative; left: 0em; top: 0em; border: {{#expr: 5/16}}em solid #d8eefc; width: {{#expr: 140/16}}em; height: {{#expr: 30/16}}em; border-radius: {{#expr: 20/16}}em; "><div class="statbar" style="position: absolute; left: 0em; top: 0em; background: linear-gradient(to right, {{{Low|yellow}}} 0%, {{{Mid|orange}}} {{{Point|60%}}}, {{{High|red}}} 100%); z-index: 2; width: {{#ifexpr: {{{Power|0}}} = 10 | {{#expr: (({{{Power|0}}}*10) + 40)/16}}em | {{#expr: (({{{Power|0}}}*10) + 30)/16}}em}}; height: {{#expr: 30/16}}em; overflow: hidden; border-radius: {{#expr: 15/16}}em;"><div style="background-color: yellow; width: {{#expr: 18/16}}em; height: {{#expr: 18/16}}em; z-index: 3; overflow: hidden; position: relative; left: {{#ifexpr: {{{Power|0}}} = 10 | {{#expr: (({{{Power|0}}}*10) + 16)/16}}em | {{#expr: (({{{Power|0}}}*10) + 6)/16}}em}}; top: {{#expr: 6/16}}em; Border-Radius:50%;">&nbsp;</div></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 32/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 42/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 52/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 62/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 72/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 82/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 92/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 102/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 112/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 122/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div></div>
|'''{{{Power|0}}}'''
|'''{{{Power|0}}}'''
|-
|-
| align=right | '''Speed'''
| align=right | '''Speed'''
|<div style="background-color: #d8eefc; position: relative; left: 0em; top: 0em; border: {{#expr: 5/16}}em solid #d8eefc; width: {{#expr: 140/16}}em; height: {{#expr: 30/16}}em; border-radius: {{#expr: 20/16}}em; "><div class="statbar" style="position: absolute; left: 0em; top: 0em; background: linear-gradient(to right, yellow 0%, orange 60%, red 100%); z-index: 2; width: {{#ifexpr: {{{Speed|5}}} = 10 | {{#expr: (({{{Speed|5}}}*10) + 40)/16}}em | {{#expr: (({{{Speed|5}}}*10) + 30)/16}}em}}; height: {{#expr: 30/16}}em; overflow: hidden; border-radius: {{#expr: 15/16}}em;"><div style="background-color: yellow; width: {{#expr: 18/16}}em; height: {{#expr: 18/16}}em; z-index: 3; overflow: hidden; position: relative; left: {{#ifexpr: {{{Speed|5}}} = 10 | {{#expr: (({{{Speed|5}}}*10) + 16)/16}}em | {{#expr: (({{{Speed|5}}}*10) + 6)/16}}em}}; top: {{#expr: 6/16}}em; Border-Radius:50%;">&nbsp;</div></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 32/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 42/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 52/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 62/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 72/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 82/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 92/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 102/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 112/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 122/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div></div>
|<div style="background-color: #d8eefc; position: relative; left: 0em; top: 0em; border: {{#expr: 5/16}}em solid #d8eefc; width: {{#expr: 140/16}}em; height: {{#expr: 30/16}}em; border-radius: {{#expr: 20/16}}em; "><div class="statbar" style="position: absolute; left: 0em; top: 0em; background: linear-gradient(to right, {{{Low|yellow}}} 0%, {{{Mid|orange}}} {{{Point|60%}}}, {{{High|red}}} 100%); z-index: 2; width: {{#ifexpr: {{{Speed|5}}} = 10 | {{#expr: (({{{Speed|5}}}*10) + 40)/16}}em | {{#expr: (({{{Speed|5}}}*10) + 30)/16}}em}}; height: {{#expr: 30/16}}em; overflow: hidden; border-radius: {{#expr: 15/16}}em;"><div style="background-color: yellow; width: {{#expr: 18/16}}em; height: {{#expr: 18/16}}em; z-index: 3; overflow: hidden; position: relative; left: {{#ifexpr: {{{Speed|5}}} = 10 | {{#expr: (({{{Speed|5}}}*10) + 16)/16}}em | {{#expr: (({{{Speed|5}}}*10) + 6)/16}}em}}; top: {{#expr: 6/16}}em; Border-Radius:50%;">&nbsp;</div></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 32/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 42/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 52/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 62/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 72/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 82/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 92/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 102/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 112/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 122/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div></div>
|'''{{{Speed|5}}}'''
|'''{{{Speed|5}}}'''
|-
|-
| align=right | '''Technique'''
| align=right | '''Technique'''
|<div style="background-color: #d8eefc; position: relative; left: 0em; top: 0em; border: {{#expr: 5/16}}em solid #d8eefc; width: {{#expr: 140/16}}em; height: {{#expr: 30/16}}em; border-radius: {{#expr: 20/16}}em; "><div class="statbar" style="position: absolute; left: 0em; top: 0em; background: linear-gradient(to right, yellow 0%, orange 60%, red 100%); z-index: 2; width: {{#ifexpr: {{{Technique|10}}} = 10 | {{#expr: (({{{Technique|10}}}*10) + 40)/16}}em | {{#expr: (({{{Technique|10}}}*10) + 30)/16}}em}}; height: {{#expr: 30/16}}em; overflow: hidden; border-radius: {{#expr: 15/16}}em;"><div style="background-color: yellow; width: {{#expr: 18/16}}em; height: {{#expr: 18/16}}em; z-index: 3; overflow: hidden; position: relative; left: {{#ifexpr: {{{Technique|10}}} = 10 | {{#expr: (({{{Technique|10}}}*10) + 16)/16}}em | {{#expr: (({{{Technique|10}}}*10) + 6)/16}}em}}; top: {{#expr: 6/16}}em; Border-Radius:50%;">&nbsp;</div></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 32/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 42/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 52/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 62/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 72/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 82/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 92/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 102/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 112/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 122/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div></div>
|<div style="background-color: #d8eefc; position: relative; left: 0em; top: 0em; border: {{#expr: 5/16}}em solid #d8eefc; width: {{#expr: 140/16}}em; height: {{#expr: 30/16}}em; border-radius: {{#expr: 20/16}}em; "><div class="statbar" style="position: absolute; left: 0em; top: 0em; background: linear-gradient(to right, {{{Low|blue}}} 0%, {{{Mid|deepskyblue}}} {{{Point|35%}}}, {{{High|magenta}}} 100%); z-index: 2; width: {{#ifexpr: {{{Technique|10}}} = 10 | {{#expr: (({{{Technique|10}}}*10) + 40)/16}}em | {{#expr: (({{{Technique|10}}}*10) + 30)/16}}em}}; height: {{#expr: 30/16}}em; overflow: hidden; border-radius: {{#expr: 15/16}}em;"><div style="background-color: yellow; width: {{#expr: 18/16}}em; height: {{#expr: 18/16}}em; z-index: 3; overflow: hidden; position: relative; left: {{#ifexpr: {{{Technique|10}}} = 10 | {{#expr: (({{{Technique|10}}}*10) + 16)/16}}em | {{#expr: (({{{Technique|10}}}*10) + 6)/16}}em}}; top: {{#expr: 6/16}}em; Border-Radius:50%;">&nbsp;</div></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 32/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 42/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 52/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 62/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 72/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 82/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 92/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 102/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 112/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div><div style="background-color: steelblue; width: {{#expr: 6/16}}em; height: {{#expr: 6/16}}em; z-index: 1; overflow: hidden; position: absolute; left: {{#expr: 122/16}}em; top: {{#expr: 12/16}}em; Border-Radius:50%;"></div></div>
|'''{{{Technique|10}}}'''
|'''{{{Technique|10}}}'''
|}  
|}  
<noinclude>[[Category:Infobox Templates|{{PAGENAME}}]]</noinclude>
<noinclude>[[Category:Infobox Templates|{{PAGENAME}}]]</noinclude>

Revision as of 20:19, August 2, 2016

Power
 
0
Speed
 
5
Technique
 
10