Vorlage:Band/style.css

.band {
	border-radius: 0.5em;
	margin: auto;
	width: 90%;
	background: #FF8877;
	border: 2px solid #F4563A;
	margin-bottom: 5px;
	display: grid;
	grid-template-columns: 10% 1fr 10% 1fr;
	gap: 2px;
	padding: 2px;
}

.band .name {
	grid-column-end: span 4;
	text-align: center;
}

.band .heading {
	grid-column-end: span 2;
	text-align: center;
}

.band .generation {
	display: flex;
	justify-content: center;
	background: #FFFFFF;
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}

.band .generation span {
	align-self: center;
}

.band .text {
	text-align: left;
	background: #FFFFFF;
	display: flex;
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
}

.band .text span {
	align-self: center;
	padding: 2px;
}

.band .info-heading, .band .title-heading {
	background: #FFCCBB;
	grid-column-end: span 2;
	display: flex;
	justify-content: center;
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
	padding: 2px;
}

.band .info-heading span, .band .title-heading span,
.band .info-text span, .band .title-text span {
	align-self: center;
}

.band .info-text, .band .title-text {
	background: #FFFFFF;
	grid-column-end: span 2;
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	padding: 2px;
}

/*@media only screen and (max-width: 480px) {
	.band {
		grid-template-columns: 15% 1fr;
	}
	
	.band .name {
		grid-column-end: span 2;
	}
	
	.band .info, .band .title {
		border-radius: 0.5em;
	}
	
	.band .desc {
		order: 1;
	}
	
	.band .place {
		order: 2;
	}
	
	.band .info {
		order: 3;
	}
	
	.band .title {
		order: 4;
	}
}*/

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