Vorlage:Masters Gebietsinfos/style.css

/* Anmerkungsbox */
.masters-gebietsinfo__zusatzinfos {
	border: 4px solid #74d9eb;
	border-radius: 0.75em;
	background-color: #238eb2;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 10px;
	padding: 3px;
}

.masters-gebietsinfo__zusatzinfos > div {
	display: grid;
	gap: 2px;
	grid-template-rows: 2em auto;
	align-items: stretch;
	flex-grow: 1;
}

/* Gebietsinfo-Boxen */
.masters-gebietsinfo {
	width: 100%;
	text-align: center;
}

.masters-gebietsinfo__sichtbar {
	display: grid;
	grid-template-columns: 8em auto;
}

.masters-gebietsinfo__randinfo {
	display: grid;
	font-weight: bold;
}

.masters-gebietsinfo__titel {
	margin: auto;
	font-weight: bold;
}

.masters-gebietsinfo__zeile > .clicktoggle {
	font-weight: bold;
	color: white;
	border-radius: 0.5em;
	margin-top: 2px;
}

.masters-gebietsinfo__zeile {
	border-radius: 0.5em;
	padding: 3px;
}

.masters-gebietsinfo__zeile > .clicktoggle-target, .masters-gebietsinfo__zusatzinfos {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	align-items: stretch;
	margin-top: 2px;
}

.masters-gebietsinfo__zeile > .clicktoggle-target > div {
	display: grid;
	gap: 2px;
	grid-template-rows: 2em auto;
	align-items: stretch;
	flex-grow: 1;
}

.masters-gebietsinfo__zeile > .clicktoggle-target > div > div:first-child, .masters-gebietsinfo__zusatzinfos > div > div:first-child {
	font-weight: bold;
	background: white;
	border-radius: 0.25em;
	padding: 3px;
}

.masters-gebietsinfo__zeile > .clicktoggle-target > div > div:last-child, .masters-gebietsinfo__zusatzinfos > div > div:not(:first-child) {
	background: white;
	border-radius: 0.25em;
	padding: 3px;
	align-self: stretch;
}

.masters-gebietsinfo__zeile:not(:last-child) {
	margin-bottom: 10px;
}

.masters-gebietsinfo__schwierigkeit--normal, .masters-gebietsinfo__schwierigkeit--schwer, .masters-gebietsinfo__schwierigkeit--sehrschwer, .masters-gebietsinfo__schwierigkeit--superschwer, .masters-gebietsinfo__schwierigkeit--ultraschwer, .masters-gebietsinfo__schwierigkeit--experte, .masters-gebietsinfo__schwierigkeit--meister, .masters-gebietsinfo__schwierigkeit--ultimativ {
	color: white;
	border-radius: 0.5em;
}

.masters-gebietsinfo__zeile .clicktoggle-target > div > div:first-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.masters-gebietsinfo__erstbonus > div:last-child, .masters-gebietsinfo__abschlussbonus > div:last-child, .masters-gebietsinfo__belohnungen > div:last-child, .masters-gebietsinfo__ausdauer > div:last-child, .masters-gebietsinfo__empfkraft > div:last-child, .masters-gebietsinfo__empflevel > div:last-child, .masters-gebietsinfo__regeln > div:last-child, .masters-gebietsinfo__nlevel > div:last-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Farben für den Toggler "Weitere Informationen anzeigen" */
.masters-gebietsinfo--boss > .clicktoggle {
	background-color: #f6614d;
}
.masters-gebietsinfo--geschichte > .clicktoggle {
	background-color: #c79c72;
}
.masters-gebietsinfo--kampf > .clicktoggle {
	background-color: #1b98b8;
}
.masters-gebietsinfo--stufe > .clicktoggle {
	background-color: #00b196;
}
.masters-gebietsinfo--legende > .clicktoggle {
	background-color: #7038e4;
}
.masters-gebietsinfo--kampfvilla > .clicktoggle {
	background-color: #e261c1;
}
.masters-gebietsinfo--kampfvilla-boss > .clicktoggle {
	background-color: #fa9376;
}

/* Kämpfe */
.masters-gebietsinfo__kampf > div:last-child > div {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.masters-gebietsinfo__kampf > div:last-child > div > div > div:first-child img {
	width: 50%;
	max-width: 100px;
	height: auto;
}
.masters-gebietsinfo__kampf > div:last-child > div > div > div:last-child {
	font-size: 80%;
}
.masters-gebietsinfo__kampf > div > div > div {
	display: flex;
	flex-direction: column;
}

/* Farben für die Gebietsarten */
.masters-gebietsinfo--boss {
	border: 3px solid #f6614d;
	background: #fe8d93;
}
.masters-gebietsinfo--geschichte {
	border: 3px solid #c79c72;
	background: #e1c7a6;
}
.masters-gebietsinfo--kampf {
	border: 3px solid #1b98b8;
	background: #60cedd;
}
.masters-gebietsinfo--stufe {
	border: 3px solid #00b196;
	background: #62d9c5;
}
.masters-gebietsinfo--legende {
	border: 3px solid #7038e4;
	background: #c396ff;
}
.masters-gebietsinfo--kampfvilla {
	border: 3px solid #e461a1;
	background: #f18bc7;
}
.masters-gebietsinfo--kampfvilla-boss {
	border: 3px solid #e461a1;
	background: #f3ce15;
}

/* Farben für die Schwierigkeitsangaben */
.masters-gebietsinfo__schwierigkeit--normal {
	border: 2px solid #3c8f37;
	background-color: #87cc4f;
}
.masters-gebietsinfo__schwierigkeit--schwer {
	border: 2px solid #bb5c00;
	background-color: #ff9d00;
}
.masters-gebietsinfo__schwierigkeit--sehrschwer {
	border: 2px solid #9b3e13;
	background-color: #ff4c00;
}
.masters-gebietsinfo__schwierigkeit--superschwer {
	border: 2px solid #970905;
	background-color: #ee0004;
}
.masters-gebietsinfo__schwierigkeit--ultraschwer {
	border: 2px solid #515384;
	background-color: #137bec;
}
.masters-gebietsinfo__schwierigkeit--experte {
	border: 2px solid #5a3139;
	background-color: #555442;
}
.masters-gebietsinfo__schwierigkeit--meister {
	border: 2px solid #5e2997;
	background-color: #8b17c8;
}
.masters-gebietsinfo__schwierigkeit--ultimativ {
	border: 2px solid #4b4793;
	background-color: #25207a;
}

/* Automatisches Einblenden der Togglerinhalte bei höherer Seitenbreite */
/*@media only screen and (min-width:600px) {*/
	.masters-gebietsinfo__zeile > .clicktoggle-target > div:not(.masters-gebietsinfo__kampf) {
		display: grid;
		gap: 2px;
		grid-template-columns: 10em auto;
		grid-template-rows: auto;
		align-items: stretch;
		flex-grow: 1;
	}
	.masters-gebietsinfo__zeile > .clicktoggle-target {
		display: grid;
		gap: 4px;
		grid-template-columns: 100%;
	}
/*}*/

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