Template:Pokemon/Wild/styles.css

.pkmn-wild-container { display: flex; flex-wrap: wrap; align-items: stretch; }

.pkmn-wild { color: #202122; background-color: #f9f9f9; text-align: center; width: 100%; border-collapse: separate; border-spacing: 0; padding: 0; margin: 0; flex: 1 0 0; }

.pkmn-wild-time tr:first-child .pkmn-wild-pokemon { height: 5em; }

.pkmn-wild-desktop { display: none; }

.pkmn-wild td { vertical-align:middle; height:55px; } .pkmn-wild th { vertical-align:middle; }

.pkmn-wild-pokemon { height: 50px; box-sizing: border-box; border-color: #ddd; white-space: nowrap; }

@media all and ( min-width: 720px ) { th.pkmn-wild-pokemon { display: none; }	.pkmn-wild-desktop, .pkmn-wild-desktop .pkmn-wild-pokemon { flex: 0 0 100px; white-space: nowrap; display: table-cell; } }

.pkmn-wild-time .pkmn-wild-morning { background-color: #80C0ff; border-color: #80C0ff; } .pkmn-wild-time .pkmn-wild-day { background-color: #4080FF; border-color: #4080FF; } .pkmn-wild-time .pkmn-wild-night { background-color: #204080; border-color: #204080; color: #FFF; }

.pkmn-wild-time .pkmn-wild-spring { background-color: #00ff7f; border-color: #00ff7f; }

.pkmn-wild-time .pkmn-wild-summer { background-color: #fefe22; border-color: #fefe22; }

.pkmn-wild-time .pkmn-wild-fall { background-color: #ff8c00 ; border-color: #ff8c00 ; }

.pkmn-wild-time .pkmn-wild-winter { background-color: #5b92e5 ; border-color: #5b92e5 ; }

/* Generation 1 games */ th.pkmn-wild-red { background-color: #cc0000; color: white; } td.pkmn-wild-red { border-color: #ff0000; } .pkmn-wild-red { vertical-align:middle; }

th.pkmn-wild-blu { background-color: #0000cc; color: white; } td.pkmn-wild-blu { border-color: #0000ff; } .pkmn-wild-blu { vertical-align:middle; }

th.pkmn-wild-yel { background-color: #dddd00; color: black; } td.pkmn-wild-yel { border-color: #ffff00; } .pkmn-wild-yel { vertical-align:middle; }

th.pkmn-wild-rb { background-color: #cc00cc; color: white; } td.pkmn-wild-rb { border-color: #ff00ff; } .pkmn-wild-rb { vertical-align:middle; }

th.pkmn-wild-rby { background-color: #aa7777; color: white; } td.pkmn-wild-rby { border-color: #aa5555; } .pkmn-wild-rby { vertical-align:middle; }

/* Generation 2 games */ th.pkmn-wild-gol { background-color: #ffd700; } td.pkmn-wild-gol { border-color: #ffd700; } .pkmn-wild-gol { vertical-align:middle; }

th.pkmn-wild-sil { background-color: #c0c0c0; } td.pkmn-wild-sil { border-color: #c0c0c0; } .pkmn-wild-sil { vertical-align:middle; }

th.pkmn-wild-cry { background-color: #a7d8de; } td.pkmn-wild-cry { border-color: #a7d8de; } .pkmn-wild-cry { vertical-align:middle; }

th.pkmn-wild-gs { background-color: #e0cc60; } td.pkmn-wild-gs { border-color: #e0cc60; } .pkmn-wild-gs { vertical-align:middle; }

th.pkmn-wild-gsc { background-color: #cdd08a; } td.pkmn-wild-gsc { border-color: #cdd08a; } .pkmn-wild-gsc { vertical-align:middle; }

/* Generation 3 games */ th.pkmn-wild-rub { background-color: #e0115f; color: white; } td.pkmn-wild-rub { border-color: #e0115f; } .pkmn-wild-rub { vertical-align:middle; }

th.pkmn-wild-sap { background-color: #0f52ba; color: white; } td.pkmn-wild-sap { border-color: #0f52ba; } .pkmn-wild-sap { vertical-align:middle; }

th.pkmn-wild-eme { background-color: #50ea78; } td.pkmn-wild-eme { border-color: #50c878; } .pkmn-wild-eme { vertical-align:middle; }

th.pkmn-wild-rs { background-color: #78328d; color: white; } td.pkmn-wild-rs { border-color: #78328d; } .pkmn-wild-rs { vertical-align:middle; }

th.pkmn-wild-rse { background-color: #6a6486; color: white; } td.pkmn-wild-rse { border-color: #6a6486; } .pkmn-wild-rse { vertical-align:middle; }

th.pkmn-wild-fr { background-color: #f73718; } td.pkmn-wild-fr { border-color: #f73718; } .pkmn-wild-fr { vertical-align:middle; }

th.pkmn-wild-lg { background-color: #5ca904; } td.pkmn-wild-lg { border-color: #5ca904; } .pkmn-wild-lg { vertical-align:middle; }

th.pkmn-wild-frlg { background-color: #cc922f; } td.pkmn-wild-frlg { border-color: #aa700e; } .pkmn-wild-frlg { vertical-align:middle; }

/* Generation 4 games */ th.pkmn-wild-dia { background-color: #b9f2ff; } td.pkmn-wild-dia { border-color: #b9f2ff; } .pkmn-wild-dia { vertical-align:middle; }

th.pkmn-wild-pea { background-color: #e2dfd2; } td.pkmn-wild-pea { border-color: #e2dfd2; } .pkmn-wild-pea { vertical-align:middle; }

th.pkmn-wild-pla { background-color: #e5e4e2; } td.pkmn-wild-pla { border-color: #e5e4e2; } .pkmn-wild-pla { vertical-align:middle; }

th.pkmn-wild-dp { background-color: #cee9e9; } td.pkmn-wild-dp { border-color: #cee9e9; } .pkmn-wild-dp { vertical-align:middle; }

th.pkmn-wild-dppt { background-color: #d5e7e6; } td.pkmn-wild-dppt { border-color: #d5e7e6; } .pkmn-wild-dppt { vertical-align:middle; }

th.pkmn-wild-hg { background-color: #808000; color: white; } td.pkmn-wild-hg { border-color: #808000; } .pkmn-wild-hg { vertical-align:middle; }

th.pkmn-wild-ss { background-color: #c0c0e1; } td.pkmn-wild-ss { border-color: #c0c0e1; } .pkmn-wild-ss { vertical-align:middle; }

th.pkmn-wild-hgss { background-color: #a0a071; } td.pkmn-wild-hgss { border-color: #a0a071; } .pkmn-wild-hgss { vertical-align:middle; }

/* Generation 5 games */ th.pkmn-wild-bla { background-color: #000000; color: white; } td.pkmn-wild-bla { border-color: #000000; } .pkmn-wild-bla { vertical-align:middle; }

th.pkmn-wild-whi { background-color: #ffffff; } td.pkmn-wild-whi { border-color: #ffffff; } .pkmn-wild-whi { vertical-align:middle; }

th.pkmn-wild-bw { background-color: #888888; } td.pkmn-wild-bw { border-color: #888888; } .pkmn-wild-bw { vertical-align:middle; }

th.pkmn-wild-b2 { background-color: #222222; color: white; } td.pkmn-wild-b2 { border-color: #222222; } .pkmn-wild-b2 { vertical-align:middle; }

th.pkmn-wild-w2 { background-color: #eeeeee; } td.pkmn-wild-w2 { border-color: #eeeeee; } .pkmn-wild-w2 { vertical-align:middle; }

th.pkmn-wild-bw2 { background-color: #999999; } td.pkmn-wild-bw2 { border-color: #999999; } .pkmn-wild-bw2 { vertical-align:middle; }

/* Generation 6 games */ th.pkmn-wild-x { background-color: #19078e; color: white; } td.pkmn-wild-x { border-color: #19078e; } .pkmn-wild-x { vertical-align:middle; }

th.pkmn-wild-y { background-color: #8f0707; color: white; } td.pkmn-wild-y { border-color: #8f0707; } .pkmn-wild-x { vertical-align:middle; }

th.pkmn-wild-xy { background-color: #54074b; color: white; } td.pkmn-wild-xy { border-color: #54074b; } .pkmn-wild-xy { vertical-align:middle; }

th.pkmn-wild-or { background-color: #800a3b; color: white } td.pkmn-wild-or { border-color: #800a3b; } .pkmn-wild-or { vertical-align:middle; }

th.pkmn-wild-as { background-color: #0a3b80; color: white; } td.pkmn-wild-as { border-color: #0a3b80; } .pkmn-wild-as { vertical-align:middle; }

th.pkmn-wild-oras { background-color: #45235e; color: white; } td.pkmn-wild-oras { border-color: #45235e; } .pkmn-wild-oras { vertical-align:middle; }

/*Generation 7 games */ th.pkmn-wild-sun { background-color: #f48037; color: white; } td.pkmn-wild-sun { border-color: #f48037; } .pkmn-wild-sun { vertical-align:middle; }

th.pkmn-wild-moon { background-color: #c2c5cc; } td.pkmn-wild-moon { border-color: #c2c5cc; } .pkmn-wild-moon { vertical-align:middle; }

th.pkmn-wild-sm { background-color: #dba382; } td.pkmn-wild-sm { border-color: #dba382; } .pkmn-wild-sm { vertical-align:middle; }

th.pkmn-wild-us { background-color: #ffaa00; } td.pkmn-wild-us { border-color: #ffaa00; } .pkmn-wild-us { vertical-align:middle; }

th.pkmn-wild-um { background-color: #c5bbd4; } td.pkmn-wild-um { border-color: #c5bbd4; } .pkmn-wild-um { vertical-align:middle ; }

th.pkmn-wild-usum { background-color:#e2b36b; } td.pkmn-wild-usum { border-color:#e2b36b;} .pkmn-wild-usum {vertical-align:middle; }