Vorlage:UNITE-Attacken/style.css

.unite-atk {
	width: 70%;
	margin: auto;
	border-radius: 0.5em;
	display: grid;
	grid-template-columns: 1fr 50px 1fr;
	padding: 2px;
	gap: 2px;
}

.unite-atk > div {
	display: flex;
	justify-content: center;
	align-items: stretch;
	align-content: center;
	flex-flow: wrap;
	border-radius: 0.5em;
	padding: 2px;
}

.unite-atk .atkicon {
	display: flex;
	align-items: center;
}

.unite-atk .ulticon {
	display: flex;
	align-items: center;
}

.unite-atk .gridcolumn {
	grid-column: span 3;
}

.unite-atk .gridrow {
	grid-row: span 2;
}

.unite-atk .clicktoggle-target {
	display: grid;
	grid-column: span 3;
	grid-template-columns: 1fr 2fr;
	text-align: center;
	gap: 2px;
}

.unite-atk .clicktoggle-target div {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-flow: wrap;
	background: #FFFFFF;
	border-radius: 0.5em;
	padding: 2px;
}

.unite-atk .clicktoggle-target div:nth-child(2), .unite-atk .clicktoggle-target div:nth-child(4) {
	display: block;
}

.unite-atk .clicktoggle-target div:nth-child(2) img {
	border-radius: 0.5em;
}

.unite-atk .clicktoggle, .unite-atk .clicktoggle-target div:nth-child(2n+1) {
	font-weight: bold;
}

@media only screen and (max-width: 480px) {
	.unite-atk {
		width: auto;
	}
}

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