MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus kvwmap
Zeile 67: | Zeile 67: | ||
position: relative; | position: relative; | ||
width: 100%; | width: 100%; | ||
− | height: | + | height: 80vh; |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
Zeile 73: | Zeile 73: | ||
} | } | ||
− | #start-block-1, #start-block-2,, #start-huebschesbild | + | #start-block-1, #start-block-2,, #start-huebschesbild { |
position: relative; | position: relative; | ||
} | } | ||
Zeile 120: | Zeile 120: | ||
@media only screen and (min-width: 1000px) { | @media only screen and (min-width: 1000px) { | ||
− | #start- | + | #start-wrapper { |
− | + | display: grid; | |
+ | grid-template-columns: 2fr 1fr 2fr; | ||
+ | gap: 0 1%; | ||
+ | align-items: center; | ||
} | } | ||
#start-block-1, #start-block-2 { | #start-block-1, #start-block-2 { | ||
− | |||
− | |||
− | |||
display: flex; | display: flex; | ||
− | align-items: | + | align-items: flex-end; |
flex-flow: column; | flex-flow: column; | ||
− | justify-content: | + | justify-content: center; |
− | + | gap: 10%; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
#start-block-2 { | #start-block-2 { | ||
− | + | align-items: flex-start; | |
− | + | ||
} | } | ||
#start-huebschesbild { | #start-huebschesbild { | ||
− | + | display: flex; | |
− | + | flex-direction: column; | |
− | + | justify-content: center; | |
− | + | align-items: center; | |
} | } | ||
Zeile 160: | Zeile 156: | ||
.start-block-2-1, .start-block-2-2 { | .start-block-2-1, .start-block-2-2 { | ||
− | |||
padding: 0.5em 1em; | padding: 0.5em 1em; | ||
+ | margin-left: 10%; | ||
} | } | ||
.start-block-1-1, #start-logo { | .start-block-1-1, #start-logo { | ||
− | + | margin-right: 10%; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | margin- | + | |
} | } | ||
#start-huebschesbild img { | #start-huebschesbild img { | ||
− | width: | + | width: calc(100% - 20px); |
height: auto; | height: auto; | ||
border: 10px solid #3976aa; | border: 10px solid #3976aa; |
Version vom 3. November 2023, 11:15 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: 80vh; margin: 0; padding: 0; font-size: 1.3em; } #start-block-1, #start-block-2,, #start-huebschesbild { 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-wrapper { display: grid; grid-template-columns: 2fr 1fr 2fr; gap: 0 1%; align-items: center; } #start-block-1, #start-block-2 { display: flex; align-items: flex-end; flex-flow: column; justify-content: center; gap: 10%; } #start-block-2 { align-items: flex-start; } #start-huebschesbild { display: flex; flex-direction: column; justify-content: center; align-items: center; } } /* Min. Breite 1400 px */ @media only screen and (min-width: 1400px) { } .start-block-2-1, .start-block-2-2 { padding: 0.5em 1em; margin-left: 10%; } .start-block-1-1, #start-logo { margin-right: 10%; } #start-huebschesbild img { width: calc(100% - 20px); 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 -------------- */