MediaWiki:Common.css: Unterschied zwischen den Versionen

Die Seite wurde neu angelegt: „========================================= Common.css – wirkt auf alle Skins Aufgeräumte, konsolidierte Version =========================================: * Kleinschreibung nicht erzwingen: .portlet h5, .portlet h6, #p-personal ul, #p-cactions li a { text-transform: none; } Hauptseite: Titel ausblenden (ohne überqualifizierten Selektor): .page-Hauptseite .firstHeading { display: none; } div.topicon { position: absolute;…“
 
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Zeile 495: Zeile 495:
.startcard .startcard-img { float:left; margin:0 12px 8px 0; border-radius:8px; }
.startcard .startcard-img { float:left; margin:0 12px 8px 0; border-radius:8px; }
.startcard .startcard-meta { font-size:0.95em; line-height:1.35; }
.startcard .startcard-meta { font-size:0.95em; line-height:1.35; }
.startcard .startcard-meta b { color:#444; }
.startcard .startcard-more { margin-top:6px; }
.startcard .startcard-more { margin-top:6px; }
.kat-links { display:flex; flex-wrap:wrap; gap:8px; }
.kat-links { display:flex; flex-wrap:wrap; gap:8px; }
Zeile 631: Zeile 630:
.mw-parser-output table.biobox td[colspan="2"] { text-align: center; }
.mw-parser-output table.biobox td[colspan="2"] { text-align: center; }


/* Fotozelle absolut bündig – keine Luft/kein Hintergrund */
/* Fotozelle: Bild bündig, Text/Links sichtbar */
.mw-parser-output table.biobox td.biobox-photo {
.mw-parser-output table.biobox td.biobox-photo {
   padding: 0 !important; border: 0 !important;
   padding: 0 !important; border: 0 !important; background: transparent !important;
  background: transparent !important; line-height: 0 !important; font-size: 0 !important;
}
}
/* Nur Medien-Elemente ohne Luft/Typografie */
.mw-parser-output table.biobox td.biobox-photo a.image,
.mw-parser-output table.biobox td.biobox-photo a.image,
.mw-parser-output table.biobox td.biobox-photo img,
.mw-parser-output table.biobox td.biobox-photo img,
Zeile 643: Zeile 642:
   margin: 0 !important; padding: 0 !important; border: 0 !important;
   margin: 0 !important; padding: 0 !important; border: 0 !important;
   background: transparent !important; box-shadow: none !important;
   background: transparent !important; box-shadow: none !important;
  line-height: 0 !important; font-size: 0 !important;
}
}
/* Hinweise/Links in der Fotozelle wieder normal */
.mw-parser-output table.biobox td.biobox-photo .biobox-note,
.mw-parser-output table.biobox td.biobox-photo div {
  font-size: 85% !important; line-height: 1.3 !important; margin-top: 0.3em !important;
}
/* Falls MediaWiki Thumb-Hüllen setzt – neutralisieren */
/* Falls MediaWiki Thumb-Hüllen setzt – neutralisieren */
.mw-parser-output table.biobox .thumb,
.mw-parser-output table.biobox .thumb,
Zeile 657: Zeile 663:
   clear: right !important;
   clear: right !important;
   margin: 0 0 1em 1em !important;
   margin: 0 0 1em 1em !important;
  width: auto !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
}
.mw-parser-output .bio-social table {
.mw-parser-output .bio-social table {
   width: auto !important; display: inline-table; background: transparent !important; border: 0 !important;
   width: auto !important; display: inline-table !important; background: transparent !important; border: 0 !important;
}
}


Zeile 670: Zeile 680:
/* Mobil: Biobox (und Social) volle Breite, kein Float-Überstand */
/* Mobil: Biobox (und Social) volle Breite, kein Float-Überstand */
@media (max-width: 768px){
@media (max-width: 768px){
  .mw-parser-output table.biobox {
    float: none !important; clear: both !important; width: auto !important; max-width: 100% !important;
    margin: 0 0 1em 0 !important;
  }
  .mw-parser-output .bio-social {
    float: none !important; clear: both !important; margin: 0 0 1em 0 !important;
  }
}
/* ============================================
  FIX: Biobox + Social-Links + Abstand zum Text
  ============================================ */
/* Social-Links sollen rechts neben der Biobox floaten */
.mw-parser-output .bio-social {
  float: right !important;
  clear: right !important;
  width: 22em !important;          /* gleiche Breite wie Biobox */
  margin: 0 0 1em 1em !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-sizing: border-box;
}
/* Social-Link-Tabelle neutralisieren */
.mw-parser-output .bio-social table {
  width: 100% !important;
  border: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Verhindert, dass der erste Absatz unter die Box rutscht */
.mw-parser-output > p:first-of-type {
  clear: none !important;
  margin-top: 0 !important;
}
/* Mobile Ansicht: Box + Social-Links zentriert, keine Überbreite */
@media screen and (max-width: 768px) {
   .mw-parser-output table.biobox,
   .mw-parser-output table.biobox,
   .mw-parser-output .bio-social {
   .mw-parser-output .bio-social {
     float: none !important;
     float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
     margin: 0 0 1em 0 !important;
     margin: 0 0 1em 0 !important;
   }
   }
}
/* Social-Block rechts „neben“ der Biobox; blockiert den Text nicht */
.mw-parser-output .bio-social{
  float:right;
  clear:right;
  margin:0 0 1em 1em;
}
.mw-parser-output .bio-social table{
  display:inline-table;
  width:auto;
  background:transparent; /* grauen Hintergrund vermeiden */
  border:0;
}
}


/* Erster Absatz darf neben Floats starten */
/* === Desktop-Korrektur (nur >=769px) === */
.mw-parser-output > p:first-of-type{
  clear:none;
  margin-top:0;
}
/* --- Biobox und Textfluss-Korrektur --- */
.mw-parser-output table.biobox {
  float: right !important;
  clear: right !important;
  margin: 0.5em 0 1em 1em !important;
}
 
/* Social-Block soll sich rechts neben die Biobox setzen, nicht blocken */
.mw-parser-output .bio-social {
  float: right !important;
  clear: right !important;
  margin: 0 0 1em 1em !important;
  width: auto !important;
  background: transparent !important;
  border: 0 !important;
}
 
/* Der Artikeltext (erster Absatz) darf NICHT unter die Floats gezwungen werden */
.mw-parser-output > p:first-of-type {
  clear: none !important;
  margin-top: 0 !important;
}
/* === Desktop-Korrektur für Biobox (stellt Float & Breite wieder her) === */
@media (min-width: 769px) {
@media (min-width: 769px) {
   .mw-parser-output table.biobox {
   .mw-parser-output table.biobox {
Zeile 768: Zeile 695:
     margin: 0.5em 0 1em 1em !important;
     margin: 0.5em 0 1em 1em !important;
   }
   }
  /* Textfluss wieder links neben der Box zulassen */
  .mw-parser-output > p:first-of-type {
    clear: none !important;
    margin-top: 0 !important;
  }
  /* Falls Social-Links existieren – sie sollen unter der Box rechts bleiben */
   .mw-parser-output .bio-social {
   .mw-parser-output .bio-social {
     float: right !important;
     float: right !important;
     clear: right !important;
     clear: right !important;
    margin: 0 0 1em 1em !important;
     width: auto !important;
     width: auto !important;
  }
}
/* ==== DESKTOP-FIX (nur >=769px) ==== */
@media (min-width: 769px) {
  /* Biobox rechts, feste Breite, normaler Textfluss links daneben */
  .mw-parser-output table.biobox{
    float: right !important;
    clear: right !important;
    width: 22em !important;
    margin: 0.5em 0 1em 1em !important;
  }
  /* Social-Links dürfen daneben/unter die Box, blockieren den Text nicht */
  .mw-parser-output .bio-social{
    float: right !important;
    clear: right !important;
    width: auto !important;          /* NICHT 100% auf Desktop */
     margin: 0 0 1em 1em !important;
     margin: 0 0 1em 1em !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
   }
   }
  .mw-parser-output .bio-social table{
   .mw-parser-output > p:first-of-type {
    display: inline-table !important;
    width: auto !important;
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
 
  /* Erster Absatz soll NICHT unter die Floats gezwungen werden */
   .mw-parser-output > p:first-of-type{
     clear: none !important;
     clear: none !important;
     margin-top: 0 !important;
     margin-top: 0 !important;
   }
   }
}
}