MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus kvwmap
Wechseln zu: Navigation, Suche
Zeile 39: Zeile 39:
 
   display: flex;   
 
   display: flex;   
 
   flex-flow: row wrap;
 
   flex-flow: row wrap;
  text-align: center;
 
 
   width: 100%;
 
   width: 100%;
 
   height: 100vh;
 
   height: 100vh;
 
   margin: 0;
 
   margin: 0;
 
   padding: 0;
 
   padding: 0;
   gap: 0 15%;  
+
   gap: 5% 15%;  
 
}
 
}
  
Zeile 51: Zeile 50:
 
}
 
}
  
@media all and (min-width: 600px) {
+
@media all and (min-width: 800px) {
   .start-aside { flex: 1 0 0; }
+
   .start-links { order: 1; }
 +
  .start-image { order: 2; }
 
}
 
}
  
@media all and (min-width: 800px) {
+
#huebschesbild {
   .start-block-1 { order: 1; }
+
   position: absolute;
   .start-block-2 { order: 3; }
+
   width: 100%;
 +
  top: 2em;
 
}
 
}
  
Zeile 68: Zeile 69:
 
}
 
}
  
#huebschesbild {
 
  position: absolute;
 
  width: 100%;
 
  top: 2em;
 
}
 
  
.start-aside {
+
 
  position: relative;
+
 
  border: 1px solid #555;
+
  background: #fff;
+
  height: 50%;
+
  margin: -5em 5em 0 5em;
+
}
+
  
 
/* -------------- Startseite Ende -------------- */
 
/* -------------- Startseite Ende -------------- */

Version vom 24. Oktober 2023, 13:37 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;
}

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;
}


/* -------------- Startseite -------------- */

.start-wrapper {
  display: flex;  
  flex-flow: row wrap;
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  gap: 5% 15%; 
}

.start-wrapper > * {
  flex: 1 100%;
}

@media all and (min-width: 800px) {
  .start-links { order: 1; } 
  .start-image { order: 2; }
}

#huebschesbild {
  position: absolute;
  width: 100%;
  top: 2em;
}

#huebschesbild img {
  width: 30%;
  height: 30%;
  border: 10px solid #3976aa;
  border-radius: 100%;
  background: #eef7fb;
}





/* -------------- Startseite Ende -------------- */