User:Dannyboy601/Sandbox: Difference between revisions

<center>

<div class="roundy" style="display: inline-grid; grid-template-columns: 1fr 1fr 1fr 1fr;  grid-template-rows: auto 1fr 1fr; grid-gap: 4px; margin: auto; border: 4px solid #{{kalos color}}; padding: 4px; background: #{{kalos color light}}; color: #{{kalos color dark}}; text-align: center; font-size: 90%;">

<div style="grid-column: span 4;">'''{{color2|{{kalos color dark}}|Gym|Gyms}} and {{color2|{{kalos color dark}}|Gym Leader|Gym Leaders}} of {{color2|{{kalos color dark}}|Kalos}}'''</div>

<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; place-items: center; border: 2px solid #{{bug color dark}}; background: #{{bug color}}">[[File:Bug Badge.png|24px|Bug Badge]]<div>{{color2|{{bug color dark}}|Santalune Gym}}</div>[[File:Bug Badge.png|24px|Bug Badge]]<div class="roundy" style="grid-column: span 3; place-self: stretch; margin: 4px; background: #{{bug color light}}">[[File:XY Viola Icon.png|Viola]]<br>{{color2|{{bug color dark}}|Viola}}</div></div>

<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; place-items: center; border: 2px solid #{{rock color dark}}; background: #{{rock color}}">[[File:Cliff Badge.png|24px|Cliff Badge]]<div>{{color2|{{rock color dark}}|Cyllage Gym}}</div>[[File:Cliff Badge.png|24px|Cliff Badge]]<div class="roundy" style="grid-column: span 3; place-self: stretch; margin: 4px; background: #{{rock color light}}">[[File:XY Grant Icon.png|Grant]]<br>{{color2|{{rock color dark}}|Grant}}</div></div>

<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; place-items: center; border: 2px solid #{{fighting color dark}}; background: #{{fighting color}}">[[File:Rumble Badge.png|24px|Rumble Badge]]<div>{{color2|{{fighting color dark}}|Shalour Gym}}</div>[[File:Rumble Badge.png|24px|Rumble Badge]]<div class="roundy" style="grid-column: span 3; place-self: stretch; margin: 4px; background: #{{fighting color light}}">[[File:XY Korrina Icon.png|Korrina]]<br>{{color2|{{fighting color dark}}|Korrina}}</div></div>

<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; place-items: center; border: 2px solid #{{grass color dark}}; background: #{{grass color}}">[[File:Plant Badge.png|24px|Plant Badge]]<div>{{color2|{{grass color dark}}|Coumarine Gym}}</div>[[File:Plant Badge.png|24px|Plant Badge]]<div class="roundy" style="grid-column: span 3; place-self: stretch; margin: 4px; background: #{{grass color light}}">[[File:XY Ramos Icon.png|Ramos]]<br>{{color2|{{grass color dark}}|Ramos}}</div></div>

<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; place-items: center; border: 2px solid #{{electric color dark}}; background: #{{electric color}}">[[File:Voltage Badge.png|24px|Voltage Badge]]<div>{{color2|{{electric color dark}}|Lumiose Gym}}</div>[[File:Voltage Badge.png|24px|Voltage Badge]]<div class="roundy" style="grid-column: span 3; place-self: stretch; margin: 4px; background: #{{electric color light}}">[[File:XY Clemont Icon.png|Clemont]]<br>{{color2|{{electric color dark}}|Clemont}}</div></div>

<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; place-items: center; border: 2px solid #{{fairy color dark}}; background: #{{fairy color}}">[[File:Fairy Badge.png|24px|Fairy Badge]]<div>{{color2|{{fairy color dark}}|Laverre Gym}}</div>[[File:Fairy Badge.png|24px|Fairy Badge]]<div class="roundy" style="grid-column: span 3; place-self: stretch; margin: 4px; background: #{{fairy color light}}">[[File:XY Valerie Icon.png|Valerie]]<br>{{color2|{{fairy color dark}}|Valerie}}</div></div>

<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; place-items: center; border: 2px solid #{{psychic color dark}}; background: #{{psychic color}}">[[File:Psychic Badge.png|24px|Psychic Badge]]<div>{{color2|{{psychic color dark}}|Anistar Gym}}</div>[[File:Psychic Badge.png|24px|Psychic Badge]]<div class="roundy" style="grid-column: span 3; place-self: stretch; margin: 4px; background: #{{psychic color light}}">[[File:XY Olympia Icon.png|Olympia]]<br>{{color2|{{psychic color dark}}|Olympia}}</div></div>

<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; place-items: center; border: 2px solid #{{ice color dark}}; background: #{{ice color}}">[[File:Iceberg Badge.png|24px|Iceberg Badge]]<div>{{color2|{{ice color dark}}|Snowbelle Gym}}</div>[[File:Iceberg Badge.png|24px|Iceberg Badge]]<div class="roundy" style="grid-column: span 3; place-self: stretch; margin: 4px; background: #{{ice color light}}">[[File:XY Wulfric Icon.png|Wulfric]]<br>{{color2|{{ice color dark}}|Wulfric}}</div></div>