Vorlage:Typen/style.css

.typen-effektivitaet {
	width: 100%;
	text-align: center;
	border-radius: 0.5em;
}

.typen-effektivitaet tr:first-child th {
	 min-width: 40px;
	 height: 40px;
	 border-radius: 20px;
}

.typen-effektivitaet tr:first-child td {
	border-top-left-radius: 0.5em;
}

.typen-effektivitaet tr:first-child td:first-child table {
	font-size: 15pt;
	width: 100%;
}

.typen-effektivitaet tr:first-child td:first-child table td {
	width: 50%;
}

.typen-effektivitaet tr:nth-child(n+1) th:first-child div {
	min-width: 40px;
	height: 40px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.typen-effektivitaet .inaktivtypenbox td, .typen-effektivitaet td.inaktivtypenbox {
	background: rgba(250, 250, 250, 0.3);
	border-radius: 20px;
}

.typen-effektivitaet .inaktivtypenbox.red td, .typen-effektivitaet td.inaktivtypenbox.red {
	background: rgba(250, 221, 221, 0.3);
}

.typen-effektivitaet .inaktivtypenbox.green td, .typen-effektivitaet td.inaktivtypenbox.green {
	background: rgba(221, 250, 221, 0.3);
}

.typen-effektivitaet .inaktivtypenbox.gray td, .typen-effektivitaet td.inaktivtypenbox.gray {
	background: rgba(205, 205, 205, 0.3);
}

.typen-effektivitaet .typenbox td, .typen-effektivitaet td.typenbox {
	background: rgb(250, 250, 250);
	border-radius: 20px;
}

.typen-effektivitaet .typenbox.red td, .typen-effektivitaet td.typenbox.red, .typen-effektivitaet .typenbox td.inaktivtypenbox.red {
	background: rgb(250, 221, 221) !important;
}

.typen-effektivitaet .typenbox.green td, .typen-effektivitaet td.typenbox.green, .typen-effektivitaet .typenbox td.inaktivtypenbox.green {
	background: rgb(221, 250, 221) !important;
}

.typen-effektivitaet .typenbox.gray td, .typen-effektivitaet td.typenbox.gray, .typen-effektivitaet .typenbox td.inaktivtypenbox.gray {
	background: rgb(205, 205, 205) !important;
}

.typen-effektivitaet .green,
.typen-effektivitaet .red,
.typen-effektivitaet .gray {
	font-size: 150%;
}

div.typen-effektivitaet {
	font-size: smaller;
	color: #666666;
	text-align: center;
}

@media only screen and (max-width: 1200px) {
	.typen-effektivitaet {
		display: block;
		overflow: auto;
		overflow-x: auto;
		overflow-y: hidden;
	}
	
	.typen-effektivitaet th:first-child,
	.typen-effektivitaet tr:first-child td:first-child {
		position: sticky;
		left: 0;
	}
}

@media only screen and (max-width: 1079px) {
	.typen-effektivitaet {
		display: table;
	}
}

@media only screen and (max-width: 880px) {
	.typen-effektivitaet {
		display: block;
	}
}

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