MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus kvwmap
Wechseln zu: Navigation, Suche
Zeile 20: Zeile 20:
 
     position: fixed;
 
     position: fixed;
 
}
 
}
 
/* -------------- Startseite -------------- */
 
  
 
body.page-kvwmap_-_Open_Source_WebGIS #firstHeading {
 
body.page-kvwmap_-_Open_Source_WebGIS #firstHeading {
Zeile 35: Zeile 33:
 
}
 
}
  
#start-block2 .start-block2-box:last-child {
 
margin-left: 0.8em;
 
}
 
  
#start-block2>div {
+
/* -------------- Startseite -------------- */
  font-size: 1.2em;
+
 
 +
.start-wrapper {
 +
  display: flex;  
 +
  flex-flow: row wrap;
 +
  text-align: center;  
 
}
 
}
  
@media (min-width: 1450px) {
+
.start-wrapper > * {
#start-block2>div {
+
   flex: 1 100%;
   font-size: 1.4em;
+
}
+
 
}
 
}
  
@media (max-width: 1023px) {
+
@media all and (min-width: 600px) {
#start-block2>div {
+
   .start-aside { flex: 1 0 0; }
   flex-direction: column;
+
}
+
.start-block2-box {
+
  width: 100%;
+
}
+
#start-block2 .start-block2-box:last-child {
+
  margin-left: 0
+
  margin-top: 0.8em;
+
}
+
 
}
 
}
  
p.plainlinks.kvwmap-demo-button a {
+
@media all and (min-width: 800px) {
   color: #fff;
+
  .start-aside-1 { order: 1; }
 +
   .start-aside-2 { order: 3; }
 
}
 
}
  
 
/* -------------- Startseite Ende -------------- */
 
/* -------------- Startseite Ende -------------- */

Version vom 24. Oktober 2023, 08:11 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;
  text-align: center; 
}

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

@media all and (min-width: 600px) {
  .start-aside { flex: 1 0 0; }
}

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

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