View source for Template:LegendaryTrioHorizontal

<div style="flex: 1 1; max-width: 50%; box-sizing: border-box; padding:5px;">{{#vardefine:iteration|{{#arraysearch:pname|{{{1}}}}}}}{{Trichrome|Color={{#arrayindex:type1|{{#var:iteration}}}}}}<table style="background-color: {{#var:background}}; border-radius: 25px; border: 1px solid {{#var:border}}; width: 100%; padding: 3px; margin:0;"><tr><td width="50%"><div style="background-color: {{#var: cell}}; margin: auto auto; border-radius: 25px; border: 1px solid {{#var:border}};color: {{#var:border}}; width: 33%;">#{{#arrayindex:number|{{#var:iteration}}}}&nbsp;<span style="font-weight: bold;">[[{{{1}}}|<span style="color: {{#var:border}};">{{{1}}}</span>]]</span></div></tr><tr><td style="border-radius: 15px; margin: auto auto; 5px; text-align: center; padding: 5px;"><div style="margin: auto auto; background-color: #FFFFFF; border-radius: 25px; width: 33%; border: 1px solid {{#var:border}};">[[File:{{#arrayindex:number|{{#var:iteration}}}}{{#arrayindex:pname|{{#var:iteration}}}}.png|150px]]</div></td></tr><tr><td><table align="center" style="width: 25%; font-weight: bold;">
<tr>{{#if:{{#arrayindex:type2|{{#var:iteration}}}}|
<td style="width: 50%; background-color: {{#var: border}}; border-radius: 25px 1px 1px 25px;">[[{{#arrayindex:type1|{{#var:iteration}}}}_(type)|<span style="color: #FFFFFF;">{{#arrayindex:type1|{{#var:iteration}}}}</span>]]</td>
{{Trichrome|Color={{#arrayindex:type2|{{#var:iteration}}}}}}<td style="width: 50%; background-color: {{#var: border}}; border-radius: 1px 25px 25px 1px;">[[{{#arrayindex:type2|{{#var:iteration}}}}_(type)|<span style="color: #FFFFFF;">{{#arrayindex:type2|{{#var:iteration}}}}</span>]]</td>{{Trichrome|Color={{#arrayindex:type1|{{#var:iteration}}}}}}|<td style="width:100%; background-color: {{#var:border}}; border-radius: 25px;">[[{{#arrayindex:type1|{{#var:iteration}}}}_(type)|<span style="color: #FFFFFF;">{{#arrayindex:type1|{{#var:iteration}}}}</span>]]</td>
}}</tr></table></td></tr><tr><td width="100%"><table style="width: 100%; font-weight: bold;"><tr><td style="background-color: #{{HP_color_dark}}; color: #{{HP_color_light}}; border-radius: 25px 1px 1px 25px; width: 20%;">HP</td>
<td style="border-radius: 1px 25px 25px 1px; background-color: #{{HP_color_light}}; color: #{{HP_color_dark}};"><div style="background-color: #{{HP_color}}; border: 1px solid #{{HP_color_dark}}; width: {{#expr:{{#arrayindex:hp|{{#var:iteration}}}}/0.55}}px">{{#arrayindex:hp|{{#var:iteration}}}}</div></td>
</tr><tr><td style="background-color: #{{Attack_color_dark}}; color: #{{Attack_color_light}}; border-radius: 25px 1px 1px 25px; width: 20%;">Attack</td>
<td style="border-radius: 1px 25px 25px 1px; background-color: #{{Attack_color_light}}; color: #{{Attack_color_dark}};"><div style="background-color: #{{Attack_color}}; border: 1px solid #{{Attack_color_dark}}; width: {{#expr:{{#arrayindex:atk|{{#var:iteration}}}}/0.55}}px">{{#arrayindex:atk|{{#var:iteration}}}}</div></td></tr><tr><td style="background-color: #{{Defense_color_dark}}; color: #{{Defense_color_light}}; border-radius: 25px 1px 1px 25px; width: 20%;">Defense</td>
<td style="border-radius: 1px 25px 25px 1px; background-color: #{{Defense_color_light}}; color: #{{Defense_color_dark}};"><div style="background-color: #{{Defense_color}}; border: 1px solid #{{Defense_color_dark}}; width: {{#expr:{{#arrayindex:def|{{#var:iteration}}}}/0.55}}px">{{#arrayindex:def|{{#var:iteration}}}}</div></td></tr><tr><td style="background-color: #{{Special Attack_color_dark}}; color: #{{Special Attack_color_light}}; border-radius: 25px 1px 1px 25px; width: 20%;">Special Attack</td>
<td style="border-radius: 1px 25px 25px 1px; background-color: #{{Special Attack_color_light}}; color: #{{Special Attack_color_dark}};"><div style="background-color: #{{Special Attack_color}}; border: 1px solid #{{Special Attack_color_dark}}; width: {{#expr:{{#arrayindex:spatk|{{#var:iteration}}}}/0.55}}px">{{#arrayindex:spatk|{{#var:iteration}}}}</div></td></tr><tr><td style="background-color: #{{Special Defense_color_dark}}; color: #{{Special Defense_color_light}}; border-radius: 25px 1px 1px 25px; width: 20%;">Special Defense</td>
<td style="border-radius: 1px 25px 25px 1px; background-color: #{{Special Defense_color_light}}; color: #{{Special Defense_color_dark}};"><div style="background-color: #{{Special Defense_color}}; border: 1px solid #{{Special Defense_color_dark}}; width: {{#expr:{{#arrayindex:spdef|{{#var:iteration}}}}/0.55}}px">{{#arrayindex:spdef|{{#var:iteration}}}}</div></td></tr><tr><td style="background-color: #{{Speed_color_dark}}; color: #{{Speed_color_light}}; border-radius: 25px 1px 1px 25px; width: 20%;">Speed</td><td style="border-radius: 1px 25px 25px 1px; background-color: #{{Speed_color_light}}; color: #{{Speed_color_dark}};"><div style="background-color: #{{Speed_color}}; border: 1px solid #{{Speed_color_dark}}; width: {{#expr:{{#arrayindex:spd|{{#var:iteration}}}}/0.55}}px;">{{#arrayindex:spd|{{#var:iteration}}}}</div>
</td></tr>{{Trichrome|Color=Typeless}}<td style="background-color: {{#var:border}}; color: {{#var:cell}}; border-radius: 25px 1px 1px 25px; width: 20%;">Total</td>
<td style="border-radius: 1px 25px 25px 1px; background-color: {{#var:cell}}; color: {{#var:border}}; text-align: left; padding-left: 5px;">{{#expr:{{#arrayindex:hp|{{#var:iteration}}}}+{{#arrayindex:atk|{{#var:iteration}}}}+{{#arrayindex:def|{{#var:iteration}}}}+{{#arrayindex:spatk|{{#var:iteration}}}}+{{#arrayindex:spdef|{{#var:iteration}}}}+{{#arrayindex:spd|{{#var:iteration}}}}}}</td></table></td></tr></table></div>