User:Prod/Wild/styles.css

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

.pkmn-wild-container .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-container .pkmn-wild td { height: 50px; box-sizing: border-box;

}

.pkmn-wild-container .pkmn-wild-time tr:first-child .pkmn-wild-pokemon { height: 100px; }

.pkmn-wild-container .pkmn-wild tr { height: 50px; }

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

.pkmn-wild-container .pkmn-wild td, .pkmn-wild-container .pkmn-wild th { vertical-align:middle; }

.pkmn-wild-container .pkmn-wild-pokemon { border-color: #ddd; white-space: nowrap; }

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

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

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

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

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

.pkmn-wild-container .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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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