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 -------------- */