KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 515: | Zeile 515: | ||
background-color: #eeeeee; |
background-color: #eeeeee; |
||
border-color: #cccccc; |
border-color: #cccccc; |
||
− | } |
||
− | .skin-hydradark .vt-dungeons, |
||
− | .skin-hydradark .vt-dungeons h2 { |
||
− | background-color: #EDBDBD; |
||
− | border-color: #CCA3A3; |
||
} |
} |
||
.vt-earth, |
.vt-earth, |
Version vom 11. Juli 2020, 05:50 Uhr
/* responsive main page */
#main-page.main-page {
display: -ms-grid;
-ms-grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i";
-ms-grid-template-columns: 100%;
display: grid;
grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i";
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
#main-page.main-page {
margin: -1px;
}
.fp-section {
background-color: #FCFCFC;
border: 1px solid #ccc;
vertical-align: top;
margin: 1px;
width: calc(100% - 4px);
}
.skin-hydradark .fp-section {
background-color: #282828;
border-color: #444;
}
@media (prefers-color-scheme: dark) {
.skin-minerva .fp-section {
background-color: #282828;
border-color: #444;
}
}
#fp-1 {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-area: a;
grid-area: a;
}
#fp-2 {
-ms-grid-row: 2;
-ms-grid-column: 1;
-ms-grid-area: b;
grid-area: b;
}
#fp-3 {
-ms-grid-row: 3;
-ms-grid-column: 1;
-ms-grid-area: c;
grid-area: c;
}
#fp-4 {
-ms-grid-row: 4;
-ms-grid-column: 1;
-ms-grid-area: d;
grid-area: d;
}
#fp-5 {
-ms-grid-row: 5;
-ms-grid-column: 1;
-ms-grid-area: e;
grid-area: e;
}
#fp-6 {
-ms-grid-row: 6;
-ms-grid-column: 1;
-ms-grid-area: f;
grid-area: f;
}
#fp-7 {
-ms-grid-row: 7;
-ms-grid-column: 1;
-ms-grid-area: g;
grid-area: g;
}
#fp-8 {
-ms-grid-row: 8;
-ms-grid-column: 1;
-ms-grid-area: h;
grid-area: h;
}
#fp-9 {
-ms-grid-row: 9;
-ms-grid-column: 1;
-ms-grid-area: i;
grid-area: i;
}
#fp-header.fp-header {
display: -ms-grid;
display: grid;
-ms-grid-template-areas: "aa" "ad" "ab" "ac";
grid-template-areas: "aa" "ad" "ab" "ac";
-ms-grid-columns: 100%;
-ms-grid-template-columns: 100%;
grid-template-columns: 100%;
}
#fp-header-file {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-area: aa;
grid-area: aa;
}
#fp-header-links {
-ms-grid-row: 3;
-ms-grid-column: 1;
-ms-grid-area: ab;
grid-area: ab;
}
#fp-header-technik {
-ms-grid-row: 4;
-ms-grid-column: 1;
-ms-grid-area: ac;
grid-area: ac;
}
#fp-header-text {
-ms-grid-row: 2;
-ms-grid-column: 1;
-ms-grid-area: ad;
grid-area: ad;
}
#fp-header-file,
#fp-header-technik {
margin: auto;
}
#fp-header-links {
margin: auto 0;
}
.fp-list ul {
-ms-columns: 160px;
-moz-columns: 160px;
-webkit-columns: 160px;
columns: 160px;
-ms-column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
margin-top: 0;
}
#fp-links.fp-links {
display: -ms-grid;
display: grid;
-ms-grid-template-areas: "ia" "ib" "ic" "id";
grid-template-areas: "ia" "ib" "ic" "id";
-ms-grid-columns: 100%;
-ms-grid-template-columns: 100%;
grid-template-columns: 100%;
}
#fp-links-1 {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-area: ia;
grid-area: ia;
}
#fp-links-2 {
-ms-grid-row: 2;
-ms-grid-column: 1;
-ms-grid-area: ib;
grid-area: ib;
}
#fp-links-3 {
-ms-grid-row: 3;
-ms-grid-column: 1;
-ms-grid-area: ic;
grid-area: ic;
}
#fp-links-4 {
-ms-grid-row: 4;
-ms-grid-column: 1;
-ms-grid-area: id;
grid-area: id;
}
@media screen and (min-width:990px) {
#main-page.main-page {
-ms-grid-template-areas: "a a a" "b b d" "e c c" "g c c" "f h i";
-ms-grid-template-columns: 33% 33% 34%;
grid-template-areas: "a a a" "b b d" "e c c" "g c c" "f h i";
-ms-grid-columns: 33% 33% 34%;
grid-template-columns: 33% 33% 34%;
}
#fp-1 {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
}
#fp-2 {
-ms-grid-row: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
}
#fp-3 {
-ms-grid-row: 3;
-ms-grid-row-span: 2;
-ms-grid-column: 2;
-ms-grid-column-span: 2;
}
#fp-4 {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
#fp-5 {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
#fp-6 {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
#fp-7 {
-ms-grid-row: 4;
-ms-grid-column: 1;
}
#fp-8 {
-ms-grid-row: 5;
-ms-grid-column: 2;
}
#fp-9 {
-ms-grid-row: 5;
-ms-grid-column: 3;
}
#fp-header.fp-header {
-ms-grid-template-areas: "aa ab ab" "ad ad ac";
grid-template-areas: "aa ab ab" "ad ad ac";
-ms-grid-columns: 40% 30% 30%;
-ms-grid-template-columns: 40% 30% 30%;
grid-template-columns: 40% 30% 30%;
}
#fp-header-file {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
#fp-header-links {
-ms-grid-row: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 2;
}
#fp-header-technik {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
#fp-header-text {
-ms-grid-row: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
}
}
@media screen and (min-width:1350px) {
#main-page.main-page {
-ms-grid-template-areas: "a a a a" "b b c c" "e e c c" "d f f g" "d f f h" "i i i i";
-ms-grid-template-columns: 33% 17% 17% 33%;
grid-template-areas: "a a a a" "b b c c" "e e c c" "d f f g" "d f f h" "i i i i";
-ms-grid-columns: 33% 17% 17% 33%;
grid-template-columns: 33% 17% 17% 33%;
}
#fp-1 {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 4;
}
#fp-2 {
-ms-grid-row: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
}
#fp-3 {
-ms-grid-row: 2;
-ms-grid-row-span: 2;
-ms-grid-column: 3;
-ms-grid-column-span: 2;
}
#fp-4 {
-ms-grid-row: 4;
-ms-grid-row-span: 2;
-ms-grid-column: 1;
}
#fp-5 {
-ms-grid-row: 3;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
}
#fp-6 {
-ms-grid-row: 4;
-ms-grid-row-span: 2;
-ms-grid-column: 2;
-ms-grid-column-span: 2;
}
#fp-7 {
-ms-grid-row: 4;
-ms-grid-column: 4;
}
#fp-8 {
-ms-grid-row: 5;
-ms-grid-column: 4;
}
#fp-9 {
-ms-grid-row: 6;
-ms-grid-column: 1;
-ms-grid-column-span: 4;
}
#fp-header.fp-header {
-ms-grid-template-areas: "aa ab ac" "ad ad ad";
grid-template-areas: "aa ab ac" "ad ad ad";
-ms-grid-columns: 30% 50% 20%;
-ms-grid-template-columns: 30% 50% 20%;
grid-template-columns: 30% 50% 20%;
}
#fp-header-file {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
#fp-header-links {
-ms-grid-row: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
}
#fp-header-technik {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
#fp-header-text {
-ms-grid-row: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
}
#fp-links.fp-links {
-ms-grid-template-areas: "ia ib ic id";
grid-template-areas: "ia ib ic id";
-ms-grid-columns: 30% 20% 30% 20%;
-ms-grid-template-columns: 30% 20% 30% 20%;
grid-template-columns: 30% 20% 30% 20%;
}
#fp-links-1 {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
#fp-links-2 {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
#fp-links-3 {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
#fp-links-4 {
-ms-grid-row: 1;
-ms-grid-column: 4;
}
}
@media screen and (min-width:1820px) {
#main-page.main-page {
-ms-grid-template-areas: "a a a a" "b b c c" "d e e f" "g g i i" "h h i i";
-ms-grid-template-columns: 33% 17% 17% 33%;
grid-template-areas: "a a a a" "b b c c" "d e e f" "g g i i" "h h i i";
-ms-grid-columns: 33% 17% 17% 33%;
grid-template-columns: 33% 17% 17% 33%;
}
#fp-1 {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 4;
}
#fp-2 {
-ms-grid-row: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
}
#fp-3 {
-ms-grid-row: 2;
-ms-grid-row-span: 1;
-ms-grid-column: 3;
-ms-grid-column-span: 2;
}
#fp-4 {
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-ms-grid-column: 1;
}
#fp-5 {
-ms-grid-row: 3;
-ms-grid-column: 2;
-ms-grid-column-span: 2;
}
#fp-6 {
-ms-grid-row: 3;
-ms-grid-row-span: 1;
-ms-grid-column: 4;
-ms-grid-column-span: 1;
}
#fp-7 {
-ms-grid-row: 4;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
}
#fp-8 {
-ms-grid-row: 5;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
}
#fp-9 {
-ms-grid-row: 4;
-ms-grid-row-span: 2;
-ms-grid-column: 3;
-ms-grid-column-span: 2;
}
#fp-links.fp-links {
-ms-grid-template-areas: "ia ib" "ic ib" "id ib";
grid-template-areas: "ia ib" "ic ib" "id ib";
-ms-grid-columns: 60% 40%;
-ms-grid-template-columns: 60% 40%;
grid-template-columns: 60% 40%;
}
#fp-links-1 {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
#fp-links-2 {
-ms-grid-row: 1;
-ms-grid-row-span: 3;
-ms-grid-column: 2;
}
#fp-links-3 {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
#fp-links-4 {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
}
/* Versionstabellen */
.vt {
display: -ms-grid;
display: grid;
-ms-grid-template-areas: "vta" "vtb" "vtc" "vtd" "vte" "vtf";
grid-template-areas: "vta" "vtb" "vtc" "vtd" "vte" "vtf";
-ms-grid-template-columns: 100%;
grid-template-columns: 100%;
text-align: center;
}
.vt img {
min-height: 40px;
}
.skin-hydradark .vt h2 {
color: #000000;
}
@media screen and (min-width: 990px) {
.vt {
-ms-grid-template-areas: "vta vtb" "vtd vte" "vtf vtc";
grid-template-areas: "vta vtb" "vtd vte" "vtf vtc";
-ms-grid-template-columns: 50% 50%;
grid-template-columns: 50% 50%;
}
}
.vt #vt-1 {
-ms-grid-area: vta;
grid-area: vta;
}
.vt #vt-2 {
-ms-grid-area: vtb;
grid-area: vtb;
}
.vt #vt-3 {
-ms-grid-area: vtc;
grid-area: vtc;
}
.vt #vt-4 {
-ms-grid-area: vtd;
grid-area: vtd;
}
.vt #vt-5 {
-ms-grid-area: vte;
grid-area: vte;
}
.vt #vt-6 {
-ms-grid-area: vtf;
grid-area: vtf;
}
.skin-hydradark .VTnodesktop,
.skin-hydra .VTnodesktop,
.skin-minerva .VTnomobile {
display: none;
}
/* Background Colors */
.vt-java-edition,
.vt-java-edition h2 {
background-color: #fce9d6;
border-color: #ffcd99;
}
.skin-hydradark .vt-java-edition,
.skin-hydradark .vt-java-edition h2 {
background-color: #F9CCA2;
border-color: #FFB266;
}
.vt-bedrock-edition,
.vt-bedrock-edition h2 {
background-color: #f7e6e8;
border-color: #ff99be;
}
.skin-hydradark .vt-bedrock-edition,
.skin-hydradark .vt-bedrock-edition h2 {
background-color: #F4B5BD;
border-color: #FF669E;
}
.vt-education-edition,
.vt-education-edition h2 {
background-color: #fffcdb;
border-color: #ffdd26;
}
.skin-hydradark .vt-education-edition,
.skin-hydradark .vt-education-edition h2 {
background-color: #FFF7A8;
}
.vt-dungeons,
.vt-dungeons h2 {
background-color: #eeeeee;
border-color: #cccccc;
}
.vt-earth,
.vt-earth h2 {
background-color: #d3ffd6;
border-color: #0ad117;
}
.skin-hydradark .vt-earth,
.skin-hydradark .vt-earth h2 {
background-color: #A0FFA6;
}
.vt-entwicklungsversionen,
.vt-entwicklungsversionen h2 {
background-color: #E5F4FF;
border-color: #93D2FF;
}
.skin-hydradark .vt-entwicklungsversionen,
.skin-hydradark .vt-entwicklungsversionen h2 {
background-color: #B2DFFF;
border-color: #60BDFF;
}