Template:BaseStats: Difference between revisions

From PokéFarm Q Official Wiki
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:Stat_hp.png|HP]]</div><!--
         --><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:Stat_atk.png|Attack]]</div><!--
         --><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:Stat_def.png|Defence]]</div><!--
         --><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:Stat_sat.png|Special Attack]]</div><!--
         --><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:Stat_sdf.png|Special Defence]]</div><!--
         --><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:Stat_spd.png|Speed]]</div><!--
         --><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.
HP
63
Attack
73
Defence
50
Special Attack
94
Special Defence
62
Speed
120
Total
462