Vorlage:Episodenliste/style.css

.episodenliste {
	width: 100%;
	text-align: center;
	display: grid;
	grid-template-columns: min-content auto 2fr 2fr 2fr;
	gap: 2px;
	padding: 2px;
	box-sizing: border-box;
}

.episodenliste > div {
	display: flex;
	justify-content: center; 
	align-items: center;
}

.episodenliste > div:nth-child(11n+6) {
	padding: 2px;
}

.episodenliste > div:first-child, .episodenliste div:nth-child(2), .episodenliste div:nth-child(3), .episodenliste div:nth-child(4), .episodenliste div:nth-child(5) {
	font-weight: bold;
}

.episodenliste > div:nth-child(11n+7) img {
	width: 150px;
	height: auto;
}

.episodenliste > div:nth-child(11n+8), .episodenliste > div:nth-child(11n+9), .episodenliste > div:nth-child(11n+10) {
	display: none;
}

.episodenliste > div:nth-child(11n+6), .episodenliste > div:nth-child(11n+7) {
	grid-row: span 2;
}

.episodenliste div:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(11n+8)):not(:nth-child(11n+9)):not(:nth-child(11n+10)) {
	background: #FFFFFF;
}

/* @media only screen and (max-width:720px) {
	.episodenliste {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.episodenliste > div:nth-child(2), .episodenliste > div:nth-child(11n+7) {
		grid-column: span 2;
	}
	
	.episodenliste > div:nth-child(3), .episodenliste div:nth-child(4), .episodenliste div:nth-child(5) {
		display: none;
	}
	
	.episodenliste > div:nth-child(11n+8), .episodenliste > div:nth-child(11n+9), .episodenliste > div:nth-child(11n+10) {
		display: block;
		font-weight: bold;
	}
	
	.episodenliste > div:nth-child(11n+7) img {
	width: 300px;
	}
} */

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