Template:BaseStats: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
Line 1: | Line 1: | ||
<noinclude>{{Note|This template does not display properly with undefined variables. As such, it uses [[Lunupine]]'s information for this example.}}{{BaseStats|63|73|50|94|62|120}}</noinclude><includeonly><div class="base-stats-table" style="max-width: 500px; display: inline-block;"><!-- | <noinclude>{{Note|This template does not display properly with undefined variables. As such, it uses [[Lunupine]]'s information for this example.}}{{BaseStats|63|73|50|94|62|120}}</noinclude><includeonly><div class="base-stats-table" style="max-width: 500px; display: inline-block;"><!-- | ||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_hp.png|HP]]</div><!-- | --><div style="display: flex; align-items: center;"><!-- | ||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_hp.png|HP]]</div><!-- | |||
--><div class="expbar" style="border: 1px solid #c0c0c0; display: block; flex-grow: 1; box-sizing: border-box;"><b class="bar" style="padding-right: 4px; display: inline-block; text-align: right; box-sizing: border-box; border-right: 1px solid #c0c0c0; background-color: #f0f0f0; width: {{#expr: ({{{1}}} / 255)^(0.5) * 100}}%;">{{{1}}}</b></div><!-- | |||
--></div><!-- | |||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_atk.png|Attack]]</div><!-- | --><div style="display: flex; align-items: center;"><!-- | ||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_atk.png|Attack]]</div><!-- | |||
--><div class="expbar" style="border: 1px solid #c0c0c0; border-top: none; display: block; flex-grow: 1; box-sizing: border-box;"><b class="bar" style="padding-right: 4px; display: inline-block; text-align: right; box-sizing: border-box; border-right: 1px solid #c0c0c0; background-color: #f0f0f0; width: {{#expr: ({{{2}}} / 255)^(0.5) * 100}}%;">{{{2}}}</b></div><!-- | |||
--></div><!-- | |||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_def.png|Defence]]</div><!-- | --><div style="display: flex; align-items: center;"><!-- | ||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_def.png|Defence]]</div><!-- | |||
--><div class="expbar" style="border: 1px solid #c0c0c0; border-top: none; display: block; flex-grow: 1; box-sizing: border-box;"><b class="bar" style="padding-right: 4px; display: inline-block; text-align: right; box-sizing: border-box; border-right: 1px solid #c0c0c0; background-color: #f0f0f0; width: {{#expr: ({{{3}}} / 255)^(0.5) * 100}}%;">{{{3}}}</b></div><!-- | |||
--></div><!-- | |||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_sat.png|Special Attack]]</div><!-- | --><div style="display: flex; align-items: center;"><!-- | ||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_sat.png|Special Attack]]</div><!-- | |||
--><div class="expbar" style="border: 1px solid #c0c0c0; border-top: none; display: block; flex-grow: 1; box-sizing: border-box;"><b class="bar" style="padding-right: 4px; display: inline-block; text-align: right; box-sizing: border-box; border-right: 1px solid #c0c0c0; background-color: #f0f0f0; width: {{#expr: ({{{4}}} / 255)^(0.5) * 100}}%;">{{{4}}}</b></div><!-- | |||
--></div><!-- | |||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_sdf.png|Special Defence]]</div><!-- | --><div style="display: flex; align-items: center;"><!-- | ||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_sdf.png|Special Defence]]</div><!-- | |||
--><div class="expbar" style="border: 1px solid #c0c0c0; border-top: none; display: block; flex-grow: 1; box-sizing: border-box;"><b class="bar" style="padding-right: 4px; display: inline-block; text-align: right; box-sizing: border-box; border-right: 1px solid #c0c0c0; background-color: #f0f0f0; width: {{#expr: ({{{5}}} / 255)^(0.5) * 100}}%;">{{{5}}}</b></div><!-- | |||
--></div><!-- | |||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_spd.png|Speed]]</div><!-- | --><div style="display: flex; align-items: center;"><!-- | ||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_spd.png|Speed]]</div><!-- | |||
--><div class="expbar" style="border: 1px solid #c0c0c0; border-top: none; display: block; flex-grow: 1; box-sizing: border-box;"><b class="bar" style="padding-right: 4px; display: inline-block; text-align: right; box-sizing: border-box; border-right: 1px solid #c0c0c0; background-color: #f0f0f0; width: {{#expr: ({{{6}}} / 255)^(0.5) * 100}}%;">{{{6}}}</b></div><!-- | |||
--></div><!-- | |||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box; text-align: center;">Total</div><!-- | --><div style="display: flex; align-items: center;"><!-- | ||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box; text-align: center;">Total</div><!-- | |||
--><div class="expbar" style="border: 1px solid #c0c0c0; border-top: none; display: block; flex-grow: 1; box-sizing: border-box;"><b class="bar" style="padding-right: 4px; display: inline-block; text-align: right; box-sizing: border-box; background-color: #f0f0f0; width: 100%;">{{#expr:{{{1}}} + {{{2}}} + {{{3}}} + {{{4}}} + {{{5}}} + {{{6}}}}}</b></div><!-- | |||
--></div><!-- | |||
--></div></includeonly> | --></div></includeonly> |
Revision as of 03:47, 30 November 2017
- Note: This template does not display properly with undefined variables. As such, it uses Lunupine's information for this example.