Template:BaseStats: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
m (don't mind me duckbug, just changing some img redirects :'D) |
||
Line 2: | Line 2: | ||
--><div style="display: flex; align-items: center;"><!-- | --><div style="display: flex; align-items: center;"><!-- | ||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File: | --><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_Health.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 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><!-- | ||
--><div style="display: flex; align-items: center;"><!-- | --><div style="display: flex; align-items: center;"><!-- | ||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File: | --><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_Attack.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 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><!-- | ||
--><div style="display: flex; align-items: center;"><!-- | --><div style="display: flex; align-items: center;"><!-- | ||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File: | --><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_Defence.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 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><!-- | ||
--><div style="display: flex; align-items: center;"><!-- | --><div style="display: flex; align-items: center;"><!-- | ||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File: | --><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_Special_Attack.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 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><!-- | ||
--><div style="display: flex; align-items: center;"><!-- | --><div style="display: flex; align-items: center;"><!-- | ||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File: | --><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_Special_Defence.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 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><!-- | ||
--><div style="display: flex; align-items: center;"><!-- | --><div style="display: flex; align-items: center;"><!-- | ||
--><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File: | --><div class="stat" style="padding-right: 4px; width: 36px; display: inline-block; box-sizing: border-box;">[[File:Stat_Speed.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 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><!-- |
Revision as of 00:34, 8 December 2017
- Note: This template does not display properly with undefined variables. As such, it uses Lunupine's information for this example.