Vorlage:Event-Pokémon/style.css

.event-pokemon {
	border-radius: 0.5em;
	display: grid;
	gap: 5px;
	background: #b1cdec;
	border: 2px solid #5c82ae;
	margin-bottom: 1em;
}

.event-pokemon a:not(.new), .event-pokemon a:not(.new):visited {
	color: #000000;
}

.event-pokemon > div:not(:first-child) {
	margin-left: 3px;
}

.event-pokemon .name {
	text-align: center;
	font-size: 140%;
	background: #5c82ae;
}

.event-pokemon .img {
	display: flex;
	justify-content: center;
	align-items: center;
}

.event-pokemon .data, .event-pokemon .attacks {
	grid-template-rows: min-content;
}

.event-pokemon .data {
	display: grid;
	grid-template-columns: min-content auto;
}

.event-pokemon .general img {
	max-width: 32px;
	max-height: 32px;
	width: auto !important;
	height: auto !important;
}

.event-pokemon .general .tera img {
	max-width: none;
	max-height: none
}

.event-pokemon .data div:first-child {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.3em;
	grid-column-end: span 2;
}

.event-pokemon .data:not(.trainer) div:not(:first-child),
.event-pokemon .trainer div:not(:first-child):nth-child(even),
.event-pokemon .attacks div:not(:first-child) {
	padding-left: 0.7em;
	display: flex;
	align-items: center;
}

.event-pokemon .data div:not(:first-child):nth-child(even),
.event-pokemon .attacks div:not(:first-child) {
	border-left: 3px solid #5c82ae;
	white-space: nowrap;
}

.event-pokemon .data div:nth-child(even),
.event-pokemon .time div:first-child {
	font-weight: bold;
}

.event-pokemon .trainer div:not(:first-child):nth-child(odd) {
	padding-left: 0.7em;
	align-self: center;
}

.event-pokemon .attacks {
	display: grid;
	grid-auto-rows: 1fr;
}

.event-pokemon .attacks div:first-child {
	font-size: 1.1em;
	font-weight: bold;
}

.event-pokemon .time {
	display: grid;
	grid-template-columns: min-content 1fr;
}

.event-pokemon .time div:last-child,
.event-pokemon .info {
	font-size: 0.9em;
}

.event-pokemon .time div, .event-pokemon .info {
	padding: 3px;
}

/*@media only screen and (min-width: 851px) {*/
	.event-pokemon {
		grid-template-columns: 1fr 2fr 1fr;
	}
	
	.event-pokemon .name, .event-pokemon .time, .event-pokemon .info {
		grid-column-end: span 3;
	}
	
	.event-pokemon .img, .event-pokemon .general {
		grid-row-end: span 2;
	}
/*}

@media only screen and (max-width: 850px) and (min-width: 481px) {
	.event-pokemon {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.event-pokemon .name, .event-pokemon .time, .event-pokemon .info {
		grid-column-end: span 2;
	}
}*/

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