MediaWiki:Common.css: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Zeile 678: Zeile 678:
   }
   }
}
}
/* ============================================
/* Wenn die Biobox rechts floatet, soll der Text daneben fließen,
  FIX: Biobox + Social-Links + Abstand zum Text
   auch wenn nach der Box noch ein leerer Social-Block kommt */
   ============================================ */
.mw-parser-output .bio-social:empty {
 
   display: none !important;
/* 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 */
/* Falls MediaWiki leere <table> oder <div> im Social-Block erzeugt */
.mw-parser-output .bio-social table {
.mw-parser-output .bio-social table:empty,
  width: 100% !important;
.mw-parser-output .bio-social div:empty {
   border: none !important;
   display: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}
}


/* Verhindert, dass der erste Absatz unter die Box rutscht */
/* Sicherheit: wenn Social-Block trotzdem da ist, soll er rechts floaten */
.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 .bio-social {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !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 */
.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 {
.mw-parser-output .bio-social {
   float: right !important;
   float: right !important;
Zeile 752: Zeile 697:
   width: auto !important;
   width: auto !important;
   background: transparent !important;
   background: transparent !important;
   border: 0 !important;
   border: none !important;
}
}


/* Der Artikeltext (erster Absatz) darf NICHT unter die Floats gezwungen werden */
/* Der erste Absatz darf nicht „weggeschoben“ werden */
.mw-parser-output > p:first-of-type {
.mw-parser-output > p:first-of-type {
   clear: none !important;
   clear: none !important;
   margin-top: 0 !important;
   margin-top: 0 !important;
}
}