Technik Wiki
Registrieren
Magiczocker (Diskussion | Beiträge)
KKeine Bearbeitungszusammenfassung
Magiczocker (Diskussion | Beiträge)
KKeine Bearbeitungszusammenfassung
Zeile 25: Zeile 25:
 
}
 
}
 
.skin-hydradark .tw-section {
 
.skin-hydradark .tw-section {
background-color: #282828;
+
background-color: #66604A;
 
border-color: #444444;
 
border-color: #444444;
 
}
 
}

Version vom 28. Juni 2020, 07:02 Uhr

/* responsive main page */

.tw-main-page {
	display: -ms-grid;
	-ms-grid-template-areas: "a" "b" "c" "d" "e" "f" "g";
	-ms-grid-template-columns: 100%;
	display: grid;
	grid-template-areas: "a" "b" "c" "d" "e" "f" "g";
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
	margin: -5px;
}
.tw-section {
	background: #E5DAA6;
	border: 1px solid #726D53;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	vertical-align: top;
	margin: 5px;
	padding: 10px;
	width: -webkit-calc(100% - 32px);
	width: -moz-calc(100% - 32px);
	width: calc(100% - 32px);
}
.skin-hydradark .tw-section {
	background-color: #66604A;
	border-color: #444444;
}

.tw-section-title {
	font-variant: small-caps;
	font-size: 150%;
}
#tw-1 {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-area: a;
	grid-area: a;
}
#tw-2 {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	-ms-grid-area: b;
	grid-area: b;
}
#tw-3 {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-area: c;
	grid-area: c;
}
#tw-4 {
	-ms-grid-row: 4;
	-ms-grid-column: 1;
	-ms-grid-area: d;
	grid-area: d;
}
#tw-5 {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	-ms-grid-area: e;
	grid-area: e;
}
#tw-6 {
	-ms-grid-row: 6;
	-ms-grid-column: 1;
	-ms-grid-area: f;
	grid-area: f;
}
#tw-7 {
	-ms-grid-row: 7;
	-ms-grid-column: 1;
	-ms-grid-area: g;
	grid-area: g;
}
.tw-header {
	display: -ms-grid;
	-ms-grid-template-areas: "aa" "ab" "ac" "ad";
	-ms-grid-template-columns: 100%;
	display: grid;
	grid-template-areas: "aa" "ab" "ac" "ad";
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
}
.tw-header #tw-header-title {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-area: aa;
	grid-area: aa;
}
.tw-header #tw-header-logo {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	-ms-grid-area: ab;
	grid-area: ab;
}
.tw-header #tw-header-text {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-area: ac;
	grid-area: ac;
}
.tw-header #tw-header-mcw {
	-ms-grid-row: 4;
	-ms-grid-column: 1;
	-ms-grid-area: ad;
	grid-area: ad;
}
@media screen and (min-width:990px) {
	.tw-main-page {
		-ms-grid-template-areas: "a a" "b d" "c e" "c g" "f g";
		-ms-grid-template-columns: 50% 50%;
		grid-template-areas: "a a" "b d" "c e" "c g" "f g";
		-ms-grid-columns: 50% 50%;
		grid-template-columns: 50% 50%;
	}
	#tw-1 {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
	#tw-2 {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#tw-3 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	#tw-4 {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#tw-5 {
		-ms-grid-row: 3;
		-ms-grid-column: 2;
	}
	#tw-6 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#tw-7 {
		-ms-grid-row: 4;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	.tw-header {
		-ms-grid-template-areas: "aa aa" "ab ad" "ac ac";
		-ms-grid-template-columns: 70% 30%;
		grid-template-areas: "aa aa" "ab ad" "ac ac";
		-ms-grid-columns: 70% 30%;
		grid-template-columns: 70% 30%;
	}
	.tw-header #tw-header-title {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
	.tw-header #tw-header-logo {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.tw-header #tw-header-text {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
	.tw-header #tw-header-mcw {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
}
@media screen and (min-width:1350px) {
	.tw-main-page {
		-ms-grid-template-areas: "a a a" "b c d" "b c g" "e c g" "e f g";
		-ms-grid-template-columns: 40% 40% 20%;
		grid-template-areas: "a a a" "b c d" "b c g" "e c g" "e f g";
		-ms-grid-columns: 40% 40% 20%;
		grid-template-columns: 40% 40% 20%;
	}
	#tw-1 {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#tw-2 {
		-ms-grid-row: 2;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	#tw-3 {
		-ms-grid-row: 2;
		-ms-grid-row-span: 3;
		-ms-grid-column: 2;
	}
	#tw-4 {
		-ms-grid-row: 2;
		-ms-grid-column: 3;
	}
	#tw-5 {
		-ms-grid-row: 4;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	#tw-6 {
		-ms-grid-row: 5;
		-ms-grid-column: 2;
	}
	#tw-7 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	.tw-header {
		-ms-grid-template-areas: "aa aa aa" "ab ac ad";
		-ms-grid-template-columns: 30% 40% 30%;
		grid-template-areas: "aa aa aa" "ab ac ad";
		-ms-grid-columns: 30% 40% 30%;
		grid-template-columns: 30% 40% 30%;
	}
	.tw-header #tw-header-title {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	.tw-header #tw-header-logo {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.tw-header #tw-header-text {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
	}
	.tw-header #tw-header-mcw {
		-ms-grid-row: 2;
		-ms-grid-column: 3;
	}
}