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: # |
+ | 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;
}
}