MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus kvwmap
Zeile 73: | Zeile 73: | ||
} | } | ||
− | #start-block-1, #start-block-2, | + | #start-block-1, #start-block-2,, #start-huebschesbild, #start-logo { |
position: relative; | position: relative; | ||
} | } | ||
Zeile 90: | Zeile 90: | ||
} | } | ||
− | #start-block-1, #start-block-2 | + | #start-block-1, #start-block-2, #start-huebschesbild, #start-logo { |
− | + | ||
display: flex; | display: flex; | ||
flex-direction: row; | flex-direction: row; | ||
Zeile 97: | Zeile 96: | ||
} | } | ||
− | #start-block-1, | + | #start-block-1, .start-block-2-1, .start-block-2-2 { |
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; | box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; | ||
} | } | ||
− | #start- | + | #start-block-1 { |
order: 1; | order: 1; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
width: 50%; | width: 50%; | ||
} | } | ||
#start-block-2 { | #start-block-2 { | ||
− | order: | + | order: 2; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
width: 50%; | width: 50%; | ||
} | } | ||
#start-huebschesbild { | #start-huebschesbild { | ||
− | order: | + | order: 3; |
width: 50%; | width: 50%; | ||
} | } | ||
Zeile 131: | Zeile 120: | ||
@media only screen and (min-width: 1000px) { | @media only screen and (min-width: 1000px) { | ||
− | #start-block-1, #start-block-2 | + | #start-block-1, #start-block-2, #start-huebschesbild { |
position: absolute; | position: absolute; | ||
+ | } | ||
+ | |||
+ | #start-block-1, #start-block-2 { | ||
+ | top: 0; | ||
+ | transform: translate(0%,50%); | ||
+ | height: 50vh; | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | flex-flow: column; | ||
+ | justify-content: flex-start; | ||
} | } | ||
#start-block-1 { | #start-block-1 { | ||
− | left: | + | left: 16%; |
− | + | ||
− | + | ||
} | } | ||
#start-block-2 { | #start-block-2 { | ||
− | left: | + | left: 67%; |
− | + | gap: 30%; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
#start-huebschesbild { | #start-huebschesbild { | ||
− | left: | + | left: 70%; |
− | top: | + | top: 0; |
− | transform: translate(- | + | transform: translate(-117%,50%); |
− | + | text-align: center; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Zeile 170: | Zeile 155: | ||
@media only screen and (min-width: 1400px) { | @media only screen and (min-width: 1400px) { | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | .start-block-1, .start-block-2 | + | .start-block-2-1, .start-block-2-2 { |
width: 250px; | width: 250px; | ||
− | + | padding: 0.5em 1em; | |
} | } | ||
− | .start-block-1 { | + | .start-block-1-1, #start-logo { |
width: 400px; | width: 400px; | ||
} | } | ||
− | .start- | + | .start-logo-text { |
− | + | margin-top: -20px; | |
+ | margin-bottom: 20px; | ||
} | } | ||
Version vom 2. November 2023, 15:38 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ .noautonum .tocnumber { display: none; } .portlet h3 { font-size: 106%; } .portlet ul { line-height: 1.5em; font-size: 106%; } img.halfwidth { width: 100%; height: auto; } div#mw-panel.collapsible-nav { position: fixed; } /* -------------- Nicht anzeigen -------------- */ /* div#p-Dokumentation { display: none; } div#p-Download_.2F_Versionen { display: none; } div#p-Foren { display: none; } div#p-Community { display: none; } div#p-Extras { display: none; } */ body.page-kvwmap_-_Open_Source_WebGIS #firstHeading { display: none; } body.page-kvwmap_-_Open_Source_WebGIS .mw-content-ltr > p { display: none; } div#p-namespaces.vectorTabs { display: none; } /* -------------- Ende Nicht anzeigen -------------- */ /* -------------- Startseite -------------- */ .start-wrapper { position: relative; width: 100%; height: 100vh; margin: 0; padding: 0; font-size: 1.3em; } #start-block-1, #start-block-2,, #start-huebschesbild, #start-logo { position: relative; } /* Max. Breite 1000 px */ @media only screen and (max-width: 1000px) { .start-wrapper { height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 1em; } #start-block-1, #start-block-2, #start-huebschesbild, #start-logo { display: flex; flex-direction: row; justify-content: center; } #start-block-1, .start-block-2-1, .start-block-2-2 { box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; } #start-block-1 { order: 1; width: 50%; } #start-block-2 { order: 2; width: 50%; } #start-huebschesbild { order: 3; width: 50%; } } /* Min. Breite 1000 px */ @media only screen and (min-width: 1000px) { #start-block-1, #start-block-2, #start-huebschesbild { position: absolute; } #start-block-1, #start-block-2 { top: 0; transform: translate(0%,50%); height: 50vh; display: flex; align-items: center; flex-flow: column; justify-content: flex-start; } #start-block-1 { left: 16%; } #start-block-2 { left: 67%; gap: 30%; } #start-huebschesbild { left: 70%; top: 0; transform: translate(-117%,50%); text-align: center; } } /* Min. Breite 1400 px */ @media only screen and (min-width: 1400px) { } .start-block-2-1, .start-block-2-2 { width: 250px; padding: 0.5em 1em; } .start-block-1-1, #start-logo { width: 400px; } .start-logo-text { margin-top: -20px; margin-bottom: 20px; } #start-huebschesbild img { width: 60%; height: auto; border: 10px solid #3976aa; border-radius: 100%; background: #eef7fb; } /* -------------- Startseite Ende -------------- */ /* -------------- Inhaltsverzeichnisse -------------- */ .dokumentation-wrapper { position: relative; width: 100%; height: 100vh; margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: flex-start; font-size: 1.3em; } .dokumentation-content { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 1em; } /* Max. Breite 1000 px */ @media only screen and (max-width: 1000px) { .dokumentation-content { width: 100%; padding: 1em; } } /* Min. Breite 1000 px */ @media only screen and (min-width: 1000px) { .dokumentation-content { align-items: flex-start; margin-top: 10%; } } /* -------------- Inhaltsverzeichnisse Ende -------------- */