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;
	vertical-align:middle;
    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 ;
}

.pkmn-wild-nogame { color:#aaaaaa; }

/* 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; }