Vorlage:Course Pokémon/style.css

.course-pokemon {
	border-radius: 0.5em;
	margin: auto;
	border-width: 3px;
	border-style: solid;
	display: grid;
	gap: 3px;
	text-align: center;
	padding: 3px;
}

.course-pokemon > div {
	padding: 2px;
}

.course-pokemon > div:nth-child(-n+10) {
	border-radius: 0.5em;
}

.course-pokemon > div:nth-child(-n+4),
.course-pokemon > div:nth-child(n+11):nth-child(-n+16) {
	font-weight: bold;
}

.course-pokemon > div:nth-child(n+11):nth-child(-n+16) > span {
	font-weight: normal;
}

.course-pokemon > div:nth-child(n+2):nth-child(-n+4) {
	grid-column-end: span 2;
}

.course-pokemon > div:nth-child(n+5):nth-child(-n+10) {
	border-width: 2px;
	border-style: solid;
}

.course-pokemon > div:nth-child(n+11) {
	background: #EFEFEF;
}

.course-pokemon > div:nth-child(n+17):nth-child(-n+21),
.course-pokemon > div:nth-child(n+29) {
	font-size: smaller;
}

/*@media only screen and (min-width: 721px) {*/
	.course-pokemon {
		grid-template-columns: repeat(6, 1fr);
	}
	
	.course-pokemon > div:first-child {
		grid-column-end: span 6;
	}
/*}

@media only screen and (max-width: 720px) {
	.course-pokemon {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.course-pokemon > div:first-child {
		grid-column-end: span 2;
	}
	
	.course-pokemon .group-a {
		order: 1;
	}
	
	.course-pokemon .group-b {
		order: 2;
	}
	
	.course-pokemon .group-c {
		order: 3;
	}
}*/

/* [[Kategorie:Vorlage:Non-Wikitext]] */