Welcome to Bulbapedia, the free Pokémon encyclopedia that anyone can edit. Create your account and get started with editing pages!
staging.bulbapedia.bulbagarden.net

Do not use this site for anything you are unwilling to lose!

User:Dannyboy601/Sandbox: Difference between revisions

From Bulbapedia, the community-driven Pokémon encyclopedia.
Jump to navigationJump to search
(→‎New!: It actually works!)
Line 284: Line 284:
====New!====
====New!====
{{-}}
{{-}}
<div style="text-align: center;">
<div class="roundy" style="width: 700px; max-width: 100%; display: grid; grid-template-rows: auto 1fr; grid-gap: 4px; margin: auto; border: 4px solid #{{johto color dark}}; padding: 4px; background: #{{johto color}}; color: #{{johto color light}}; text-align: center;">
<div class="roundy" style="display: inline-grid; grid-template-rows: auto 1fr; grid-gap: 4px; margin: auto; border: 4px solid #{{johto color dark}}; padding: 4px; background: #{{johto color}}; color: #{{johto color light}};">
<div>'''{{color2|{{johto color light}}|Gym|Gyms}} and {{color2|{{johto color light}}|Gym Leader|Gym Leaders}} of {{color2|{{johto color light}}|Johto}}'''</div>
<div>'''{{color2|{{johto color light}}|Gym|Gyms}} and {{color2|{{johto color light}}|Gym Leader|Gym Leaders}} of {{color2|{{johto color light}}|Johto}}'''</div>
<div class="roundy" style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-gap: 4px; padding: 4px; background: #{{johto color light}}; font-size: 90%;">
<div class="roundy" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(164px, 1fr)); grid-template-rows: 1fr 1fr; grid-gap: 4px; place-content: space-evenly; padding: 4px; background: #{{johto color light}}; font-size: 90%;">
<div class="roundy" style="display: grid; grid-template-columns: 1fr min-content 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{flying color dark}}; padding: 4px; background: #{{flying color}}">
<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{flying color dark}}; padding: 4px; background: #{{flying color}}">
[[File:Zephyr Badge.png|32px|link=Badge#Zephyr Badge|Zephyr Badge]]<div>'''{{color2|{{flying color dark}}|Violet Gym}}'''</div>[[File:Zephyr Badge.png|32px|link=Badge#Zephyr Badge|Zephyr Badge]]
[[File:Zephyr Badge.png|32px|link=Badge#Zephyr Badge|Zephyr Badge]]<div>'''{{color2|{{flying color dark}}|Violet Gym}}'''</div>[[File:Zephyr Badge.png|32px|link=Badge#Zephyr Badge|Zephyr Badge]]
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{flying color light}}">[[File:VSFalkner.png|link=Falkner]]<br>{{color2|{{flying color dark}}|Falkner}}</div>
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{flying color light}}">[[File:VSFalkner.png|link=Falkner]]<br>{{color2|{{flying color dark}}|Falkner}}</div>
</div>
</div>
<div class="roundy" style="display: grid; grid-template-columns: 1fr min-content 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{bug color dark}}; padding: 4px; background: #{{bug color}}">
<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{bug color dark}}; padding: 4px; background: #{{bug color}}">
[[File:Hive Badge.png|32px|link=Badge#Hive Badge|Hive Badge]]<div>'''{{color2|{{bug color dark}}|Azalea Gym}}'''</div>[[File:Hive Badge.png|32px|link=Badge#Hive Badge|Hive Badge]]
[[File:Hive Badge.png|32px|link=Badge#Hive Badge|Hive Badge]]<div>'''{{color2|{{bug color dark}}|Azalea Gym}}'''</div>[[File:Hive Badge.png|32px|link=Badge#Hive Badge|Hive Badge]]
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{bug color light}}">[[File:VSBugsy.png|link=Bugsy]]<br>{{color2|{{bug color dark}}|Bugsy}}</div>
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{bug color light}}">[[File:VSBugsy.png|link=Bugsy]]<br>{{color2|{{bug color dark}}|Bugsy}}</div>
</div>
</div>
<div class="roundy" style="display: grid; grid-template-columns: 1fr min-content 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{normal color dark}}; padding: 4px; background: #{{normal color}}">
<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{normal color dark}}; padding: 4px; background: #{{normal color}}">
[[File:Plain Badge.png|32px|link=Badge#Plain Badge|Plain Badge]]<div>'''{{color2|{{normal color dark}}|Goldenrod Gym}}'''</div>[[File:Plain Badge.png|32px|link=Badge#Plain Badge|Plain Badge]]
[[File:Plain Badge.png|32px|link=Badge#Plain Badge|Plain Badge]]<div>'''{{color2|{{normal color dark}}|Goldenrod Gym}}'''</div>[[File:Plain Badge.png|32px|link=Badge#Plain Badge|Plain Badge]]
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{normal color light}}">[[File:VSWhitney.png|link=Whitney]]<br>{{color2|{{normal color dark}}|Whitney}}</div>
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{normal color light}}">[[File:VSWhitney.png|link=Whitney]]<br>{{color2|{{normal color dark}}|Whitney}}</div>
</div>
</div>
<div class="roundy" style="display: grid; grid-template-columns: 1fr min-content 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{ghost color dark}}; padding: 4px; background: #{{ghost color}}">
<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{ghost color dark}}; padding: 4px; background: #{{ghost color}}">
[[File:Fog Badge.png|32px|link=Badge#Fog Badge|Fog Badge]]<div>'''{{color2|{{ghost color dark}}|Ecruteak Gym}}'''</div>[[File:Fog Badge.png|32px|link=Badge#Fog Badge|Fog Badge]]
[[File:Fog Badge.png|32px|link=Badge#Fog Badge|Fog Badge]]<div>'''{{color2|{{ghost color dark}}|Ecruteak Gym}}'''</div>[[File:Fog Badge.png|32px|link=Badge#Fog Badge|Fog Badge]]
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{ghost color light}}">[[File:VSMorty.png|link=Morty]]<br>{{color2|{{ghost color dark}}|Morty}}</div>
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{ghost color light}}">[[File:VSMorty.png|link=Morty]]<br>{{color2|{{ghost color dark}}|Morty}}</div>
</div>
</div>
<div class="roundy" style="display: grid; grid-template-columns: 1fr min-content 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{fighting color dark}}; padding: 4px; background: #{{fighting color}}">
<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{fighting color dark}}; padding: 4px; background: #{{fighting color}}">
[[File:Storm Badge.png|32px|link=Badge#Storm Badge|Storm Badge]]<div>'''{{color2|{{fighting color dark}}|Cianwood Gym}}'''</div>[[File:Storm Badge.png|32px|link=Badge#Storm Badge|Storm Badge]]
[[File:Storm Badge.png|32px|link=Badge#Storm Badge|Storm Badge]]<div>'''{{color2|{{fighting color dark}}|Cianwood Gym}}'''</div>[[File:Storm Badge.png|32px|link=Badge#Storm Badge|Storm Badge]]
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{fighting color light}}">[[File:VSChuck.png|link=Chuck]]<br>{{color2|{{fighting color dark}}|Chuck}}</div>
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{fighting color light}}">[[File:VSChuck.png|link=Chuck]]<br>{{color2|{{fighting color dark}}|Chuck}}</div>
</div>
</div>
<div class="roundy" style="display: grid; grid-template-columns: 1fr min-content 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{steel color dark}}; padding: 4px; background: #{{steel color}}">
<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{steel color dark}}; padding: 4px; background: #{{steel color}}">
[[File:Mineral Badge.png|32px|link=Badge#Mineral Badge|Mineral Badge]]<div>'''{{color2|{{steel color dark}}|Olivine Gym}}'''</div>[[File:Mineral Badge.png|32px|link=Badge#Mineral Badge|Mineral Badge]]
[[File:Mineral Badge.png|32px|link=Badge#Mineral Badge|Mineral Badge]]<div>'''{{color2|{{steel color dark}}|Olivine Gym}}'''</div>[[File:Mineral Badge.png|32px|link=Badge#Mineral Badge|Mineral Badge]]
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{steel color light}}">[[File:VSJasmine.png|link=Jasmine]]<br>{{color2|{{steel color dark}}|Jasmine}}</div>
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{steel color light}}">[[File:VSJasmine.png|link=Jasmine]]<br>{{color2|{{steel color dark}}|Jasmine}}</div>
</div>
</div>
<div class="roundy" style="display: grid; grid-template-columns: 1fr min-content 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{ice color dark}}; padding: 4px; background: #{{ice color}}">
<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{ice color dark}}; padding: 4px; background: #{{ice color}}">
[[File:Glacier Badge.png|32px|link=Badge#Glacier Badge|Glacier Badge]]<div>'''{{color2|{{ice color dark}}|Mahogany Gym}}'''</div>[[File:Glacier Badge.png|32px|link=Badge#Glacier Badge|Glacier Badge]]
[[File:Glacier Badge.png|32px|link=Badge#Glacier Badge|Glacier Badge]]<div>'''{{color2|{{ice color dark}}|Mahogany Gym}}'''</div>[[File:Glacier Badge.png|32px|link=Badge#Glacier Badge|Glacier Badge]]
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{ice color light}}">[[File:VSPryce.png|link=Pryce]]<br>{{color2|{{ice color dark}}|Pryce}}</div>
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{ice color light}}">[[File:VSPryce.png|link=Pryce]]<br>{{color2|{{ice color dark}}|Pryce}}</div>
</div>
</div>
<div class="roundy" style="display: grid; grid-template-columns: 1fr min-content 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{dragon color dark}}; padding: 4px; background: #{{dragon color}}">
<div class="roundy" style="display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto; grid-gap: 4px; place-items: center; border: 2px solid #{{dragon color dark}}; padding: 4px; background: #{{dragon color}}">
[[File:Rising Badge.png|32px|link=Badge#Rising Badge|Rising Badge]]<div>'''{{color2|{{dragon color dark}}|Blackthorn Gym}}'''</div>[[File:Rising Badge.png|32px|link=Badge#Rising Badge|Rising Badge]]
[[File:Rising Badge.png|32px|link=Badge#Rising Badge|Rising Badge]]<div>'''{{color2|{{dragon color dark}}|Blackthorn Gym}}'''</div>[[File:Rising Badge.png|32px|link=Badge#Rising Badge|Rising Badge]]
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{dragon color light}}">[[File:VSClair.png|link=Clair]]<br>{{color2|{{dragon color dark}}|Clair}}</div>
<div class="roundy" style="grid-column: span 3; place-self: stretch; padding: 4px; background: #{{dragon color light}}">[[File:VSClair.png|link=Clair]]<br>{{color2|{{dragon color dark}}|Clair}}</div>
</div>
</div>
</div>
</div>
</div>

Revision as of 23:33, 7 June 2019

Pages what really ought to be mainspaced already

Seriously, it's been years since they've been ready.

Colors!

Types

These colors are sampled from the icons used on the summary screen in Ultra Sun and Ultra Moon.

Type Medium Light Very light Icon
Normal #BBA #DCC #EEE
Normal
Fighting #B54 #D98 #ECC
Fighting
Flying #69F #9BF #DEF
Flying
Poison #A59 #C8B #ECE
Poison
Ground #DB5 #EC9 #FEC
Ground
Rock #BA6 #DC9 #EED
Rock
Bug #AB2 #CD6 #EEB
Bug
Ghost #66B #99C #DDE
Ghost
Steel #AAB #CCD #EEE
Steel
Fire #F42 #F87 #FCB
Fire
Water #39F #7BF #CEF
Water
Grass #7C5 #AD8 #DFC
Grass
Electric #FC3 #FD7 #FEC
Electric
Psychic #F59 #F9B #FCD
Psychic
Ice #7DF #AEF #DFF
Ice
Dragon #76E #A9E #DDF
Dragon
Dark #754 #A98 #DCC
Dark
Fairy #FAF #FCF #FEF
Fairy

Status conditions

These colors are sampled from the icons used on the summary screen in Ultra Sun and Ultra Moon.

Status Border Dark Medium Text Icon
Paralyzed #850 #EA2 #FD4 #FFA
Paralyzed
Asleep #555 #899 #ABB #DEE
Asleep
Frozen #256 #6DE #BFF #EFF
Frozen
Burned #510 #B10 #E42 #FCC
Burned
Poisoned #314 #94B #B6D #FBF
Poisoned
Badly poisoned #302 #605 #707 #F4D
Poisoned
Fainted #200 #810 #A10 #EDD
Fainted
Pokérus #615 #C3A #F7D #FDF
Pokérus


Fiore settlements

Fiore map.png

These colors are sampled from the icons used on the Fiore region map (shown to the right) in Pokémon Ranger.

Settlement Border Dark Medium Light
Ringtown #5B2D00 #F3A200 #F7D21D #F2FD76
Fall City #004734 #008769 #00B189 #5ED0B0
Summerland #650016 #F30037 #EA527B #FB7DAD
Wintown #232D4B #3B4C82 #4B72B2 #7C94CA

Templates!

All of my updated versions of these template use the CSS Grid Layout module! Try making your browser window really narrow and seeing what happens. The only problem with them is that they don't use wikicode. Like, at all. Someone who has no experience with HTML and CSS would have no idea how to edit them. However, if they were to be mainspaced, they ideally wouldn't need to be updated any time soon, so this hopefully wouldn't be too much of an issue.

Kanto Gyms

Old

Gym Leaders of the Kanto region
Pewter Gym Boulder Badge
Brock OD.png
Brock
Cerulean Gym Cascade Badge
Misty OD.png
Misty
Vermilion Gym Thunder Badge
Lt Surge OD.png
Lt. Surge
Celadon Gym Rainbow Badge
Erika OD.png
Erika
Fuchsia Gym Soul Badge
Koga OD.png Janine OD.png
Koga Janine
Saffron Gym Marsh Badge
Sabrina OD.png
Sabrina
Cinnabar Gym Volcano Badge
Blaine OD.png
Blaine
Viridian Gym Earth Badge
Giovanni OD.png Blue
Giovanni Blue

New!


Boulder BadgeBoulder Badge
Brock
Brock
Cascade BadgeCascade Badge
Misty
Misty
Thunder BadgeThunder Badge
Lt. Surge
Lt. Surge
Rainbow BadgeRainbow Badge
Erika
Erika
Soul BadgeSoul Badge
Koga
Koga
Janine
Janine
Marsh BadgeMarsh Badge
Sabrina
Sabrina
Volcano BadgeVolcano Badge
Blaine
Blaine
Earth BadgeEarth Badge
Giovanni
Giovanni
Blue
Blue

Johto Gyms

Old…

Gym Leaders of the Johto region
Violet Gym Zephyr Badge
Falkner OD.png
Falkner
Azalea Gym Hive Badge
Bugsy OD.png
Bugsy
Goldenrod Gym Plain Badge
Whitney OD.png
Whitney
Ecruteak Gym Fog Badge
Morty OD.png
Morty
Cianwood Gym Storm Badge
Chuck OD.png
Chuck
Olivine Gym Mineral Badge
Jasmine OD.png
Jasmine
Mahogany Gym Glacier Badge
Pryce OD.png
Pryce
Blackthorn Gym Rising Badge
Clair OD.png
Clair

New!


Zephyr BadgeZephyr Badge
VSFalkner.png
Falkner
Hive BadgeHive Badge
VSBugsy.png
Bugsy
Plain BadgePlain Badge
VSWhitney.png
Whitney
Fog BadgeFog Badge
VSMorty.png
Morty
Storm BadgeStorm Badge
VSChuck.png
Chuck
Mineral BadgeMineral Badge
VSJasmine.png
Jasmine
Glacier BadgeGlacier Badge
VSPryce.png
Pryce
Rising BadgeRising Badge
VSClair.png
Clair

Hoenn Gyms

Old…

Gym Leaders of the Hoenn region
Rustboro Gym Stone Badge
Roxanne OD.png
Roxanne
Dewford Gym Knuckle Badge
Brawly OD.png
Brawly
Mauville Gym Dynamo Badge
Wattson OD.png
Wattson
Lavaridge Gym Heat Badge
Flannery OD.png
Flannery
Petalburg Gym Balance Badge
Norman OD.png
Norman
Fortree Gym Feather Badge
Winona OD.png
Winona
Mossdeep Gym Mind Badge
Tate Liza
Tate and Liza
Sootopolis Gym Rain Badge
Wallace OD.png Juan OD.png
Wallace Juan

New!


Stone BadgeStone Badge
Roxanne
Roxanne
Knuckle BadgeKnuckle Badge
Brawly
Brawly
Dynamo BadgeDynamo Badge
Wattson
Wattson
Heat BadgeHeat Badge
Flannery
Flannery
Balance BadgeBalance Badge
Norman
Norman
Feather BadgeFeather Badge
Winona
Winona
Mind BadgeMind Badge
TateLiza
Tate and Liza
Rain BadgeRain Badge
Wallace
Wallace
Juan
Juan

Sinnoh Gyms

Old…

Gym Leaders of the Sinnoh region
Oreburgh Gym Coal Badge
Badge Case Roark VIII.png
Roark
Eterna Gym Forest Badge
Badge Case Gardenia VIII.png
Gardenia
Veilstone Gym Cobble Badge
Badge Case Maylene VIII.png
Maylene
Pastoria Gym Fin Badge
Badge Case Crasher Wake VIII.png
Crasher Wake
Hearthome Gym Relic Badge
Badge Case Fantina VIII.png
Fantina
Canalave Gym Mine Badge
Badge Case Byron VIII.png
Byron
Snowpoint Gym Icicle Badge
Badge Case Candice VIII.png
Candice
Sunyshore Gym Beacon Badge
Badge Case Volkner VIII.png
Volkner

New!


Sinnoh League

Old…

Sinnoh League
Aaron
Elite Four
Aaron
VSBertha BDSP.png
Elite Four
Bertha
Flint
Elite Four
Flint
VSLucian BDSP.png
Elite Four
Lucian
VSCynthia BDSP.png
Champion
Cynthia

New!


Unova League

Old…

Unova League
VSShauntal.png
Elite Four
Shauntal
VSMarshal.png
Elite Four
Marshal
VSGrimsley.png
Elite Four
Grimsley
VSCaitlin.png
Elite Four
Caitlin
VSAlder.png VSIris cropped.png
Champion
Alder Iris

New!


Kalos Gyms

Old…

Gym Leaders of the Kalos region
Santalune Gym Bug Badge
XY Viola Icon.png
Viola
Cyllage Gym Cliff Badge
XY Grant Icon.png
Grant
Shalour Gym Rumble Badge
XY Korrina Icon.png
Korrina
Coumarine Gym Plant Badge
XY Ramos Icon.png
Ramos
Lumiose Gym Voltage Badge
XY Clemont Icon.png
Clemont
Laverre Gym Fairy Badge
XY Valerie Icon.png
Valerie
Anistar Gym Psychic Badge
XY Olympia Icon.png
Olympia
Snowbelle Gym Iceberg Badge
XY Wulfric Icon.png
Wulfric

New!


Kalos League

Old…

Kalos League
VSMalva.png
Elite Four
Malva
VSSiebold.png
Elite Four
Siebold
VSWikstrom.png
Elite Four
Wikstrom
VSDrasna.png
Elite Four
Drasna
VSDiantha.png
Champion
Diantha

New!


Retrieved from "https://bulbapedia.bulbagarden.net/w/index.php?title=User:Dannyboy601/Sandbox&oldid=2978838"