Template:Pokemon/Wild/styles.css

.t_pkmn_wild {
	max-width: 500px;
}

.t_pkmn_wild th {
	box-sizing: border-box;
	height: 32px;
}

table.t_pkmn_wild th,
.t_pkmn_wild td {
	vertical-align: middle;
	text-align: center;
}

.t_pkmn_wild_img {
	height: 40px;
	width: 40px;
	border-right: none;
}

.t_pkmn_wild .t_pkmn_wild_name {
	text-align: left;
	border-left: none;
}

th.th_pkmn_wild_morning { background-color: #80C0ff; border-color: #5090CC; }
th.th_pkmn_wild_day { background-color: #4080FF; border-color: #1050CC; }
th.th_pkmn_wild_night { background-color: #204080; border-color: #001050; color: #FFF; }

th.th_pkmn_wild_spring { background-color: #00ff7f; border-color: #00CC4C; }
th.th_pkmn_wild_summer { background-color: #fefe22; border-color: #CBCB00; }
th.th_pkmn_wild_fall { background-color: #ff8c00; border-color: #CC5900; }
th.th_pkmn_wild_winter { background-color: #5b92e5; border-color: #2860B2; }

th.th_pkmn_rod_old { background-color: #9DB7F5; border-color: #6890F0; }
th.th_pkmn_rod_good { background-color: #6890F0; border-color: #4670D0; }
th.th_pkmn_rod_super { background-color: #445E9C; border-color: #6890F0; color: #fff; }

.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;
}

th.pkmn-wild-header { vertical-align:middle; }
.pkmn-wild-header-surfing { background-color: #9DB7F5; }
.pkmn-wild-header-rock-smash { background-color: #D1C17D; }
.pkmn-wild-header-dive { background-color: #445E9C; color:#fff; }
.pkmn-wild-header-swarm { background-color: #78C850; }

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

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

.pkmn-wild td { vertical-align:middle; }
.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-nogame { color:#aaaaaa; }