MediaWiki:Common.css: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
 
(20 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 160: Zeile 160:
}
}
div.NavPic { background-color: #fff; margin: 0; padding: 2px; float: left; }
div.NavPic { background-color: #fff; margin: 0; padding: 2px; float: left; }
div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccf; position: relative; }
div.NavFrame div.NavHead { line-height: 1.6em; font-weight: bold; background-color: #ccf; position: relative; }
div.NavFrame p,
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent,
Zeile 627: Zeile 627:
   clear:right;
   clear:right;
   width:22em; /* ~352px; stabile Desktopbreite */
   width:22em; /* ~352px; stabile Desktopbreite */
   margin:0.5em 0 1em 1em;
   margin:0.5em 0 0.5em 1em;
   border:1px solid #c8ccd1;
   border:1px solid #c8ccd1;
   background:#fff;
   background:#fff;
Zeile 819: Zeile 819:
     display: none !important;
     display: none !important;
}
}
/* Biobox: Abstand zum folgenden Text entfernen */
/* Biobox: Abstand zum folgenden Text entfernen (Grundabstand, ohne !important) */
.mw-parser-output table.biobox {
.mw-parser-output table.biobox {
     margin-top: 0 !important;
     margin-top: 0.5em !important; /* Einheitlicher Abstand oben – passe bei Bedarf auf 0em oder 1em an */
}
}
/* Kein sichtbarer Abstand direkt nach der Biobox (egal welches Element) */
/* Kein sichtbarer Abstand direkt nach der Biobox (egal welches Element) */
.mw-parser-output table.biobox + * {
.mw-parser-output table.biobox + * {
     margin-top: 0 !important;
     margin-top: 0 !important;
}
table.nosort.sortable th.headerSort {
  background-image: none !important;  /* Entfernt Pfeile */
  cursor: default !important;  /* Kein Cursor-Wechsel */
  pointer-events: none !important;  /* Deaktiviert Klicks */
}
table.nosort.sortable th.headerSort:hover {
  background-color: inherit !important;  /* Kein Hover-Effekt */
}
.mw-parser-output table.biobox {
    margin-top: 0 !important; /* Entfernt den oberen Abstand vollständig */
}
#firstHeading {
    margin-bottom: 0 !important; /* Entfernt Abstand unter der Überschrift */
    padding-bottom: 0 !important; /* Entfernt Padding unter der Überschrift */
}
}


/* === FINAL FIX: ENTFERNT DIE LEERE ZEILE VOR DER BIOBOX (MediaWiki-Bug mit <p><br></p>) === */
.mw-parser-output > *:first-child {
.mw-parser-output > p:empty + table.biobox,
     margin-top: 0 !important; /* Für das erste Element (Biobox) – redundant, aber sicher */
.mw-parser-output > p > br:first-child + table.biobox {
     margin-top: -1em !important;
}
}
/* ===== Startseite: 2-Spalten-Boxen wirklich responsive ===== */
 
/* Tabellen mit class="start-two-col" auf der Hauptseite:
.mw-parser-output table.biobox + p,
  - Desktop: 2 Spalten nebeneinander mit Luft dazwischen
.mw-parser-output p:first-of-type {
  - Mobil (<= 800px): Zellen untereinander, volle Breite
     margin-top: 0 !important; /* Entfernt Abstand oben beim ersten Absatz nach der Biobox */
*/
body.page-Hauptseite .mw-parser-output table.start-two-col {
     width: 100%;
    border-collapse: separate;
    /* 12px horizontaler Abstand, kein vertikaler */
    border-spacing: 12px 0;
}
}
/* ========== HAUPTSEITE: Responsive Layout (nur Mobile) ========== */
@media (max-width: 800px) {
  /* News (3 Spalten) -> untereinander (nur Hauptseite) */
  body.page-Hauptseite .startseite-news tr { display: block; }
  body.page-Hauptseite .startseite-news td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }


/* Desktop: Zellen dürfen automatisch teilen, nicht starr 50% */
  /* Box-Reihen (2er/3er/4er) -> untereinander (nur Hauptseite) */
body.page-Hauptseite .mw-parser-output table.start-two-col td {
  body.page-Hauptseite .startseite-boxrow,
     width: auto;
  body.page-Hauptseite .startseite-boxrow tbody,
  body.page-Hauptseite .startseite-boxrow tr,
  body.page-Hauptseite .startseite-boxrow td {
    display: block;
     width: 100% !important;
     box-sizing: border-box;
     box-sizing: border-box;
}
  }
 
  /* Spacer-Zellen ausblenden */
  body.page-Hauptseite .startseite-spacer {
    display: none !important;
  }
 
  /* Abstand zwischen den Boxen (nur echte Box-Zellen) */
  body.page-Hauptseite .startseite-boxrow td[style*="border:1px solid #ef9a9a"] {
    margin-bottom: 12px;
  }
  body.page-Hauptseite .startseite-boxrow td[style*="border:1px solid #ef9a9a"]:last-child {
    margin-bottom: 0;
  }


/* Mobil: Tabelle „aufbrechen“, jede Zelle wird ein Block in voller Breite */
  /* Optional: Bilder in Boxen auf Mobile nicht links quetschen */
@media only screen and (max-width: 800px) {
  body.page-Hauptseite .startseite-boxrow img {
    body.page-Hauptseite .mw-parser-output table.start-two-col,
     max-width: 100%;
     body.page-Hauptseite .mw-parser-output table.start-two-col tbody,
    height: auto;
    body.page-Hauptseite .mw-parser-output table.start-two-col tr,
  }
    body.page-Hauptseite .mw-parser-output table.start-two-col td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
    }
}
}