BUNNYPEDIA

MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
Änderung 603 von Bunnyfreak (Diskussion) rückgängig gemacht.
Markierungen: Rückgängigmachung Zurückgesetzt
Keine Bearbeitungszusammenfassung
Markierungen: Manuelle Zurücksetzung Zurückgesetzt
Zeile 1.787: Zeile 1.787:
.kat-links a:hover { background:#f8f9fa; }
.kat-links a:hover { background:#f8f9fa; }


/* ===== BIOBOX – einzige, saubere Definition ===== */
/* ================================
  BIOBOX – finale, saubere Version
  ================================ */


/* Desktop: klassisch rechts, feste Breite */
/* Desktop: klassisch rechts, feste Breite */
.mw-parser-output table.biobox{
.mw-parser-output table.biobox {
   float:right;
   float: right;
   clear:right;
   clear: right;
   width:22em;                 /* ~352px; stabile Desktopbreite */
   width: 22em;                       /* stabile Breite Desktop (~352px) */
   margin:0.5em 0 1em 1em;
   margin: 0.5em 0 1em 1em;
   border:1px solid #c8ccd1;
   border: 1px solid #c8ccd1;
   background:#fff;
   background: #fff;
   border-collapse:collapse;
   border-collapse: collapse;
   box-sizing:border-box;
   box-sizing: border-box;
   font-size:90%;
   font-size: 90%;
   line-height:1.5;
   line-height: 1.5;
}
}
/* Tabellenzellen */
.mw-parser-output table.biobox td,
.mw-parser-output table.biobox td,
.mw-parser-output table.biobox th{
.mw-parser-output table.biobox th {
   border:0;
   border: 0;
   padding:0.2em 0.4em;
   padding: 0.25em 0.4em;
   vertical-align:top;
   vertical-align: top;
   text-align:left;
   text-align: left;
}
}
.mw-parser-output table.biobox td[colspan="2"]{ text-align:center; }


/* Fotozelle ohne Innenrahmen/Abstand */
.mw-parser-output table.biobox td[colspan="2"] {
.mw-parser-output table.biobox .biobox-photo{
   text-align: center;
   padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
}


/* Bild: immer auf Boxbreite skalieren (kein „Rahmen im Rahmen“) */
/* Fotozelle ohne Innenrahmen oder Abstand */
.mw-parser-output table.biobox .biobox-img{
.mw-parser-output table.biobox .biobox-photo {
  display:block;
   padding: 0 !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  border:0 !important;
  margin:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.mw-parser-output table.biobox .biobox-img img{
  display:block;
  width:100% !important;
  height:auto !important;
}
 
/* Thumbs in der Biobox nicht doppelt einrahmen */
.mw-parser-output table.biobox .thumb,
.mw-parser-output table.biobox .thumbinner{
   border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
 
/* Falls direkt danach eine rechte Social-Tabelle kommt */
.mw-parser-output table.biobox + table[align="right"]{
  float:right;
  margin:0 0 1em 1em;
}
 
/* --- Mobile: volle Breite, kein Überstand, Text darunter --- */
@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 table.biobox + table[align="right"]{
    float:none !important;
    width:auto !important;
    margin:0 0 1em 0 !important;
    align:initial !important;
  }
  .mw-parser-output > p:first-of-type{
    clear:both !important;
  }
}
/* === Biobox: Foto ohne Innenrahmen, wirklich volle Breite === */
.mw-parser-output table.biobox .biobox-photo,
.mw-parser-output table.biobox .biobox-photo * {
   border: 0 !important;
   border: 0 !important;
  padding: 0 !important;
   background: transparent !important;
   background: transparent !important;
   box-shadow: none !important;
   line-height: 0 !important;
}
}


/* Link-Wrapper und Bild auf Zellenbreite strecken */
/* Bild vollständig auf Breite, keine Rahmen, keine Luft */
.mw-parser-output table.biobox .biobox-photo a.image,
.mw-parser-output table.biobox .biobox-photo a.image,
.mw-parser-output table.biobox .biobox-photo img,
.mw-parser-output table.biobox .biobox-photo img,
.mw-parser-output table.biobox .biobox-photo .mw-file-element {
.mw-parser-output table.biobox .biobox-photo .mw-file-element,
.mw-parser-output table.biobox .biobox-img {
   display: block !important;
   display: block !important;
   width: 100% !important;
   width: 100% !important;
Zeile 1.886: Zeile 1.836:
   max-width: 100% !important;
   max-width: 100% !important;
   margin: 0 !important;
   margin: 0 !important;
}
/* Biobox-Foto: wirklich bündig ohne Luft oben/unten */
.mw-parser-output table.biobox td.biobox-photo {
   padding: 0 !important;
   padding: 0 !important;
   line-height: 0 !important;           /* killt den Baseline-Gap */
   border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
}


.mw-parser-output table.biobox td.biobox-photo a.image,
/* Thumbs in Biobox deaktivieren */
.mw-parser-output table.biobox td.biobox-photo img,
.mw-parser-output table.biobox .thumb,
.mw-parser-output table.biobox td.biobox-photo .mw-file-element,
.mw-parser-output table.biobox .thumbinner {
.mw-parser-output table.biobox td.biobox-photo .biobox-img {
  display: block !important;
  margin: 0 !important;
   border: 0 !important;
   border: 0 !important;
   padding: 0 !important;
   box-shadow: none !important;
   width: 100% !important;
   background: transparent !important;
  height: auto !important;
}
}
/* Biobox: Bild bündig ohne Lücken */
 
.mw-parser-output table.biobox td.biobox-photo {
/* Falls danach noch eine rechte Tabelle (Social etc.) folgt */
   padding: 0 !important;
.mw-parser-output table.biobox + table[align="right"] {
   border: 0 !important;
   float: right;
  line-height: 0 !important;
   margin: 0 0 1em 1em;
  background: transparent !important;
}
}
.mw-parser-output table.biobox td.biobox-photo a.image,
 
.mw-parser-output table.biobox td.biobox-photo img.biobox-img {
/* --- MOBILE DARSTELLUNG --- */
  display: block !important;
@media (max-width: 768px) {
  width: 100% !important;
  .mw-parser-output table.biobox {
  height: auto !important;
    float: none !important;
  margin: 0 !important;
    clear: both !important;
   padding: 0 !important;
    width: 100% !important;
  border: 0 !important;
    max-width: 100% !important;
   background: transparent !important;
    margin: 0 0 1em 0 !important;
   }
 
  /* Eventuell danebenstehende Tabelle neutralisieren */
  .mw-parser-output table.biobox + table[align="right"] {
    float: none !important;
    width: 100% !important;
    margin: 0 0 1em 0 !important;
    align: initial !important;
   }
 
  /* Fließtext unter der Biobox beginnen */
  .mw-parser-output > p:first-of-type {
    clear: both !important;
  }
}
}
Abgerufen von „https://bunnypedia.net/bunnies/index.php?title=MediaWiki:Common.css“