View source for User:SnorlaxMonster/Pokémon Infobox/Common

<templatestyles src="Template:Common Infobox/styles.css" />
<div class="common-infobox PKMN-infobox" style="background-color: #{{{{{type 1|???}}} color}}; border-color: #{{{{{type 2|{{{type 1|???}}}}}} color dark}};"><!-- Infobox -->

<div style="display: grid; grid-template-columns: 3fr 1fr; gap: 4px;"><!-- Title grid -->

<div class="infobox-title"><!-- Infobox title -->
<div class="infobox-title-en">{{{name|Unknown}}}</div>
<div class="infobox-title-ja" lang="ja">{{{ja name|アンノーン}}}</div>
<div class="infobox-title-trans">{{{tm name|Unknown}}}</div>
</div><!-- Infobox title end -->

<div class="infobox-title" style="font-weight: bold; font-size: large;">[[List of Pokémon by National Pokédex number|#{{{ndex|0000}}}]]</div>

</div><!-- Title grid end --> 

<div class="infobox-image">
<div>[[File:0001Bulbasaur.png|350px]]</div>
<div class="infobox-image-caption">Bulbasaur</div>
</div>

{| class="pair-table"
! [[Pokémon category|Category]]
| {{{category|Unknown}}} Pokémon {{#if: {{{category-note|}}} | <div class="infobox-note"> {{{category-note}}}</div> | }}
|-
! {{#if: {{{appears|}}} | First appearance | Introduced }}
| {{#if: {{{appears|}}} | {{{appears}}} | {{{intro|Unknown}}} }} {{#if: {{{intro-note|}}} | <div class="infobox-note">{{{intro-note}}}</div> | }}
|}

<div class="infobox-element"><!-- Type -->
<div class="subheader">[[Type]]s</div>
<div class="infobox-text-element"><div style="display: flex; justify-content: center; gap: 3px;">{{TypeIcon|{{{type 1|???}}}}}{{#if: {{{type 2|a}}}|{{TypeIcon|{{{type 2|???}}}}}}}</div>{{#if: {{{type-note|a}}} | <div class="infobox-note">{{{type-note|Grass in Generation III}}}</div> | }}
</div>
</div><!-- Type end -->

<div class="infobox-element"><!-- Abilities -->
<div class="subheader">[[Ability|Abilities]]</div>
<div class="infobox-text-element infobox-array">
<div class="infobox-element"><!-- Standard abilities -->
<div class="infobox-text-element">[[{{{ability 1|Cacophony}}} (Ability)|{{{ability 1|Cacophony}}}]]</div>
{{#if: {{{ability 2|}}} | <div>or [[{{{ability 2|Cacophony}}} (Ability)|{{{ability 2|Cacophony}}}]]</div> | }}
</div><!-- Standard abilities end 

-->{{#if: {{{ability h|a}}} | <div class="infobox-element"><!-- Hidden ability -->
<div class="infobox-text-element">[[{{{ability h|Cacophony}}} (Ability)|{{{ability h|Cacophony}}}]]</div>
<div class="infobox-caption">[[Hidden Ability]]</div>
</div> | }}<!-- Hidden ability end 

-->{{#if: {{{ability s|a}}} | <div class="infobox-element"><!-- Special ability -->
<div class="infobox-text-element">[[{{{ability s|Cacophony}}} (Ability)|{{{ability s|Cacophony}}}]]</div>
<div class="infobox-caption">Special Ability</div>
</div> | }}<!-- Special ability end -->

</div>{{#if: {{{ability-note|}}} | <div class="infobox-note">{{{ability-note}}}</div> | }}
</div><!-- Abilities end -->

{|
|+ Measurements
! [[Height]]
| <div>{{{height ftin|?'?"}}}</div> 
| <div>{{{height m|???}}} m</div>
|-
! [[Weight]]
| <div>{{{weight lbs|???}}} lbs.</div>
| <div>{{{weight kg|???}}} kg</div>
|}

<hr />

{| class="pair-table"
|+ Game data
|-
! [[Experience|Leveling rate]]
| {{#switch: {{formatnum:{{{leveling rate|Unknown}}}|R}} <!--
-->| 600000 = Erratic <!--
-->| 800000 = Fast <!--
-->| 1000000 = Medium Fast <!--
-->| 1059860 = Medium Slow <!--
-->| 1250000 = Slow <!--
-->| 1640000 = Fluctuating <!--
-->| Unknown }}
{{#if: {{{leveling rate-note|}}} | <div class="infobox-note"> {{{leveling rate-note}}}</div> | }}
|-
! [[List of Pokémon by base friendship|Base friendship]]
| {{{friendship|Unknown}}} {{#ifexpr: ( {{{generation|99999}}} <= 2 and {{{friendship|0}}} != 70 ) or {{#ifeq: {{{friendship-note|no}}} | no | 0 | 1 }} | <!--
-->{{#if: {{{friendship-note|}}} | <div class="infobox-note">{{{friendship-note}}}</div> | }} {{#if: {{{friendship-note|}}} | |<!--
-->{{#ifexpr: {{{generation|99999}}} <= 2 and {{{friendship|0}}} != 70 | <div class="infobox-note">70 in Generation II</div> }}<!--
-->{{#ifexpr: {{{ndex|0}}} = 25 and {{{form|1}}} = 1 | <div class="infobox-note">90 in [[Pokémon Yellow Version|Pokémon Yellow]] for the player's Pikachu</div> }} }} | }}
|-
! [[Experience]] yield
| {{{exp yield|Unknown}}} {{#if: {{{exp yield-note|}}} | <div class="infobox-note">{{{exp yield-note}}}</div> | }}
|-
! [[Catch rate]]
| {{{catch rate|Unknown}}} {{#if: {{{catch rate-note|}}} | <div class="infobox-note">{{{catch rate-note}}}</div> | }}
|-
! [[Egg group]]s
| [[{{{egg group 1|Unknown}}} (Egg Group)|{{{egg group 1|Unknown}}}]] {{#if: {{{egg group 2|}}} | and [[{{{egg group 2|Unknown}}} (Egg Group)|{{{egg group 2|Unknown}}}]] | }}
|-
! [[Egg cycle]]s
| {{{egg cycles|Unknown}}} {{#if: {{{egg cycles-note|}}} | <div class="infobox-note">{{{egg cycles-note}}}</div> | }}
|}

<div class="infobox-element"><!-- Gender ratio -->
<div class="subheader">[[List of Pokémon by gender ratio|Gender ratio]]</div>
<div class="infobox-text-element" style="text-align: center;">{{#ifeq: {{{gender ratio|25}}} | unknown | | <div style="background: linear-gradient(90deg, #3355FF 0% {{{gender ratio|87.5}}}%, #FF77DD 0%); height: 10px; border-radius: 15px; margin: 4px 8px;"></div><!-- Gender ratio bar -->}}
<div class="blacklinks"> {{#switch: {{{gender ratio|25}}} <!--
-->| 0 = [[List of Pokémon by gender ratio#0|100% female]] <!--
-->| 12.5 = [[List of Pokémon by gender ratio#12.5|12.5% male, 87.5% female]] <!--
-->| 25 = [[List of Pokémon by gender ratio#25|25% male, 75% female]] <!--
-->| 50 = [[List of Pokémon by gender ratio#50|50% male, 50% female]] <!--
-->| 75 = [[List of Pokémon by gender ratio#75|75% male, 25% female]] <!--
-->| 87.5 = [[List of Pokémon by gender ratio#87.5|87.5% male, 12.5% female]] <!--
-->| 100 = [[List of Pokémon by gender ratio#100|100% male]] <!--
-->| tbd = [[Gender unknown]] <!--
-->| [[Gender unknown]] }} </div>
{{#if: {{{gender ratio-note|}}} | <div class="infobox-note"> {{{gender ratio-note}}}</div> | }}
</div>
</div><!-- Gender ratio end -->

<div class="infobox-element"><!-- Gender ratio -->
<div class="subheader">[[List of Pokémon by gender ratio|Gender ratio]]</div>
<div class="infobox-text-element" style="text-align: center;">{{#ifeq: {{{gender ratio|unknown}}} | unknown | | <div style="background: linear-gradient(90deg, #3355FF 0% {{{gender ratio|87.5}}}%, #FF77DD 0%); height: 10px; border-radius: 15px; margin: 4px 8px;"></div><!-- Gender ratio bar -->}}
<div class="blacklinks"> {{#switch: {{{gender ratio|unknown}}} <!--
-->| 0 = [[List of Pokémon by gender ratio#0|100% female]] <!--
-->| 12.5 = [[List of Pokémon by gender ratio#12.5|12.5% male, 87.5% female]] <!--
-->| 25 = [[List of Pokémon by gender ratio#25|25% male, 75% female]] <!--
-->| 50 = [[List of Pokémon by gender ratio#50|50% male, 50% female]] <!--
-->| 75 = [[List of Pokémon by gender ratio#75|75% male, 25% female]] <!--
-->| 87.5 = [[List of Pokémon by gender ratio#87.5|87.5% male, 12.5% female]] <!--
-->| 100 = [[List of Pokémon by gender ratio#100|100% male]] <!--
-->| tbd = [[Gender unknown]] <!--
-->| [[Gender unknown]] }}</div>
{{#if: {{{gender ratio-note|}}} | <div class="infobox-note"> {{{gender ratio-note}}}</div> | }}
</div>
</div><!-- Gender ratio end -->

<div class="infobox-element"><!-- Base stats -->
<div class="subheader">[[List of Pokémon by base stats|Base stats]]</div>
<div class="infobox-array infobox-text-element"><!-- Stats grid -->

<div class="infobox-element-content" style="background: #{{HP color light}};">
<div>{{{base hp|??}}}</div>
<div class="infobox-caption">HP</div>
</div>

<div class="infobox-element-content" style="background: #{{Attack color light}};">
<div>{{{base atk|??}}}</div>
<div class="infobox-caption">Atk</div>
</div>

<div class="infobox-element-content" style="background: #{{Defense color light}};">
<div>{{{base def|??}}}</div>
<div class="infobox-caption">Def</div>
</div>

<div class="infobox-element-content" style="background: #{{Special Attack color light}};">
<div>{{{base sp atk|??}}}</div>
<div class="infobox-caption">Sp. Atk</div>
</div>

<div class="infobox-element-content" style="background: #{{Special Defense color light}};">
<div>{{{base sp def|??}}}</div>
<div class="infobox-caption">Sp. Def</div>
</div>

<div class="infobox-element-content" style="background: #{{Speed color light}};">
<div>{{{base speed|??}}}</div>
<div class="infobox-caption">Speed</div>
</div>

</div><!-- Stats grid end -->
{{#if: {{{base-note|}}} | <div class="infobox-note">{{{base-note}}}</div> | }}
</div><!-- Base stats end -->

<div class="infobox-element"><!-- EV yield -->
<div class="subheader">[[List of Pokémon by effort value yield|EV yield]]</div>
<div class="infobox-array infobox-text-element"><!-- Stats grid -->

<div class="infobox-element-content" style="background-color: {{#if: {{{ev hp|}}} | #{{HP color light}} | #C0C0C0 }};">
<div>{{{ev hp|0}}}</div>
<div class="infobox-caption">HP</div>
</div>

<div class="infobox-element-content" style="background-color: {{#if: {{{ev atk|}}} | #{{Attack color light}} | #C0C0C0 }};">
<div>{{{ev atk|0}}}</div>
<div class="infobox-caption">Atk</div>
</div>

<div class="infobox-element-content" style="background-color: {{#if: {{{ev def|}}} | #{{Defense color light}} | #C0C0C0 }};">
<div>{{{ev def|0}}}</div>
<div class="infobox-caption">Def</div>
</div>

<div class="infobox-element-content" style="background-color: {{#if: {{{ev sp atk|}}} | #{{Special Attack color light}} | #C0C0C0 }};">
<div>{{{ev sp atk|0}}}</div>
<div class="infobox-caption">Sp. Atk</div>
</div>

<div class="infobox-element-content" style="background-color: {{#if: {{{ev sp def|}}} | #{{Special Defense color light}} | #C0C0C0 }};">
<div>{{{ev sp def|0}}}</div>
<div class="infobox-caption">Sp. Def</div>
</div>

<div class="infobox-element-content" style="background-color: {{#if: {{{ev speed|}}} | #{{Speed color light}} | #C0C0C0 }};">
<div>{{{ev speed|0}}}</div>
<div class="infobox-caption">Speed</div>
</div>

</div><!-- Stats grid end -->
{{#if: {{{ev-note|}}} | <div class="infobox-note">{{{ev-note}}}</div> | }}
</div><!-- EV yield end -->

<div class="infobox-array">
<div class="infobox-element"><!-- Shape -->
<div class="subheader">[[List of Pokémon by shape|Shape]]</div>
<div class="infobox-text-element">[[File:Body{{{shape|Unknown}}}.png|28px]] {{#if: {{{shape-note|}}} | <div class="infobox-note">{{{shape-note}}}</div> | }}
</div>
</div><!-- Shape end -->

<div class="infobox-element"><!-- Color -->
<div class="subheader">[[List of Pokémon by color|Color]]</div>
<div class="infobox-text-element"><div><span style="border-radius: 3px; background: #{{#switch: {{{color|Unknown}}} | Red = f05868 | Blue = 3088f0 | Green = 40b868 | Yellow = f0d048 | Purple = a868c0 | Pink = f890c8 | Brown = b07030 | Black = 585858 | Gray = a0a0a0 | White = f0f0f0 | 68A090 }}"> </span> {{{color|Unknown}}}</div>
{{#if: {{{color-note|}}} | <div class="infobox-note">{{{color-note}}}</div> | }}
</div>
</div><!-- Color end -->

<div class="infobox-element"><!-- Footprint -->
<div class="subheader">[[Footprint]]</div>
<div class="infobox-text-element">[[File:F{{{ndex|000}}}.png]] {{#if: {{{footprint-note|}}} | <div class="infobox-note">{{{footprint-note}}}</div> | }}
</div>
</div>
</div>

<div class="infobox-element"><!-- Performance -->
<div class="subheader">[[Performance]]</div>
<div class="infobox-text-element"><div class="infobox-array"><!-- Stats grid -->

<div class="infobox-element-content" style="background: #{{Cuteness color light}};">
<div class="infobox-caption">Speed</div>
<div>{{{perf speed|??}}}</div>
<div class="infobox-caption">({{{perf speed-min|?}}}-{{{perf speed-max|?}}})</div>
</div>

<div class="infobox-element-content" style="background: #{{Power color light}};">
<div class="infobox-caption">Power</div>
<div>{{{perf power|??}}}</div>
<div class="infobox-caption">({{{perf power-min|?}}}-{{{perf power-max|?}}})</div>
</div>

<div class="infobox-element-content" style="background: #{{Skill color light}};">
<div class="infobox-caption">Skill</div>
<div>{{{perf skill|??}}}</div>
<div class="infobox-caption">({{{perf skill-min|?}}}-{{{perf skill-max|?}}})</div>
</div>

<div class="infobox-element-content" style="background: #{{Stamina color light}};">
<div class="infobox-caption">Stamina</div>
<div>{{{perf stamina|??}}}</div>
<div class="infobox-caption">({{{perf stamina-min|?}}}-{{{perf stamina-max|?}}})</div>
</div>

<div class="infobox-element-content" style="background: #{{Jump color light}};">
<div class="infobox-caption">Jump</div>
<div>{{{perf jump|??}}}</div>
<div class="infobox-caption">({{{perf jump-min|?}}}-{{{perf jump-max|?}}})</div>
</div>

</div><!-- Stats grid end -->{{#if: {{{perf-note|a}}} | <div class="infobox-note">{{{perf-note}}}</div> | }}
</div>
</div>

{| class="pair-table"
|+ Miscellaneous
|-
! [[Mega Stone]]
| [[File:Bag_{{{mega stone|Venusaurite}}}_ZA_Sprite.png|28px]][[{{{mega stone|Unknown}}}]]</div> {{#if: {{{mega stone-note|}}} | <div class="infobox-note">{{{mega stone-note}}}</div> | }}
|-
! [[List of Pokémon by call rate|Call rate]]
| {{{call rate}}} {{#if: {{{call rate-note|}}} | <div class="infobox-note">{{{call rate-note}}}</div> | }}
|-
! [[List of Pokémon by Super Training Energy Shot|Energy Shot]]
| <span style="border-radius: 10px; background: #{{#switch: {{{energy shot|Unknown}}} | Black = 585858 | Yellow = f0d048 | Orange = f05868 | Green = 40b868 | Blue = 3088f0 | 68A090 }}"> </span> {{{energy shot}}} {{#if: {{{energy shot-note|}}} | <div class="infobox-note">{{{energy shot-note}}}</div> | }}
|-
! [[List of Pokémon by Pal Park location|Pal Park area]]
| {{{pal park}}} {{#if: {{{pal park-note|}}} | <div class="infobox-note">{{{pal park-note}}}</div> | }}
|-
! Habitat
| {{#if: {{{habitat|Urban}}} | [[File:{{{habitat-image|{{{habitat|Urban}}}}}} Habitat.png|48px]] {{{habitat|Unknown}}} | Unknown }}</div>{{#if: {{{habitat-note|}}} | <div class="infobox-note">{{{habitat-note}}}</div> | }}
|-
! [[Generation II|Gen. II]] [[Escape#Generation II|flee rate]]
| {{{flee rate}}} {{#if: {{{flee rate-note|}}} | <div class="infobox-note">{{{flee rate-note}}}</div> }}
|}

</div>
WIP