BUNNYPEDIA

MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
Zeile 179: Zeile 179:
}
}
.navbox-odd {
.navbox-odd {
     background: transparent; /* Odd row striping */
     background: transparent; /* Odd row striping */
}
}


Zeile 1.597: Zeile 1.597:
}
}
.portal-column-left-wide {
.portal-column-left-wide {
     float: left,
     float: left;
     width: 60%;
     width: 60%;
}
}
Zeile 1.653: Zeile 1.653:
     background-position: 0 -5971px
     background-position: 0 -5971px
}
}
.treeview li emptyline > ul {
.treeview li.emptyline > ul {
     /* @noflip */
     /* @noflip */
     margin-left: -1px;
     margin-left: -1px;
Zeile 1.779: Zeile 1.779:
.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; }


Zeile 1.786: Zeile 1.787:
.kat-links a:hover { background:#f8f9fa; }
.kat-links a:hover { background:#f8f9fa; }


/* === BIObox endgültig: bündiges Bild, kein grauer Hintergrund, kein Abstand === */
/* ===== BIOBOX – einzige, saubere Definition ===== */
 
/* Desktop: klassisch rechts, feste Breite */
.mw-parser-output table.biobox{
  float:right;
  clear:right;
  width:22em;                /* ~352px; stabile Desktopbreite */
  margin:0.5em 0 1em 1em;
  border:1px solid #c8ccd1;
  background:#fff;
  border-collapse:collapse;
  box-sizing:border-box;
  font-size:90%;
  line-height:1.5;
}
.mw-parser-output table.biobox td,
.mw-parser-output table.biobox th{
  border:0;
  padding:0.2em 0.4em;
  vertical-align:top;
  text-align:left;
}
.mw-parser-output table.biobox td[colspan="2"]{ text-align:center; }
 
/* Fotozelle ohne Innenrahmen/Abstand */
.mw-parser-output table.biobox .biobox-photo{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
 
/* Bild: immer auf Boxbreite skalieren (kein „Rahmen im Rahmen“) */
.mw-parser-output table.biobox .biobox-img{
  display:block;
  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;
}


/* Tabelle selbst */
/* Falls direkt danach eine rechte Social-Tabelle kommt */
.mw-parser-output table.biobox {
.mw-parser-output table.biobox + table[align="right"]{
  border: 1px solid #c8ccd1;
   float:right;
  border-collapse: collapse;
   margin:0 0 1em 1em;
  background: #fff;
  width: 22em;
   float: right;
  clear: right;
   margin: 0.5em 0 1em 1em;
  font-size: 90%;
  line-height: 1.45;
  box-sizing: border-box;
}
}


/* Foto-Zelle: kein Abstand, kein Hintergrund, kein Rahmen */
/* --- Mobile: volle Breite, kein Überstand, Text darunter --- */
.mw-parser-output table.biobox td.biobox-photo {
@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;
   padding: 0 !important;
   padding: 0 !important;
  margin: 0 !important;
  border: none !important;
   background: transparent !important;
   background: transparent !important;
   line-height: 0 !important; /* beseitigt weiße Linie unter Bild */
   box-shadow: none !important;
}
}


/* Bild selbst: exakt volle Breite */
/* Link-Wrapper und Bild auf Zellenbreite strecken */
.mw-parser-output table.biobox td.biobox-photo img,
.mw-parser-output table.biobox .biobox-photo a.image,
.mw-parser-output table.biobox td.biobox-photo .mw-file-element,
.mw-parser-output table.biobox .biobox-photo img,
.mw-parser-output table.biobox td.biobox-photo .biobox-img {
.mw-parser-output table.biobox .biobox-photo .mw-file-element {
   display: block !important;
   display: block !important;
   width: 100% !important;
   width: 100% !important;
   height: auto !important;
   height: auto !important;
  max-width: 100% !important;
   margin: 0 !important;
   margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
}
 
/* Biobox-Foto: wirklich bündig ohne Luft oben/unten */
/* Kein zusätzlicher „Rahmen im Rahmen“ */
.mw-parser-output table.biobox td.biobox-photo {
.mw-parser-output table.biobox .thumb,
.mw-parser-output table.biobox .thumbinner {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
   padding: 0 !important;
   padding: 0 !important;
   margin: 0 !important;
   line-height: 0 !important;           /* killt den Baseline-Gap */
}
}


/* Abstand unterhalb der Biobox für Fließtext */
.mw-parser-output table.biobox td.biobox-photo a.image,
.mw-parser-output table.biobox + p {
.mw-parser-output table.biobox td.biobox-photo img,
  margin-top: 0.3em !important;
.mw-parser-output table.biobox td.biobox-photo .mw-file-element,
}
.mw-parser-output table.biobox td.biobox-photo .biobox-img {
 
  display: block !important;
/* --- Mobile Ansicht: volle Breite, Text darunter --- */
  margin: 0 !important;
@media (max-width: 768px) {
  border: 0 !important;
  .mw-parser-output table.biobox {
  padding: 0 !important;
    float: none !important;
   width: 100% !important;
    clear: both !important;
  height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1em 0 !important;
   }
 
  .mw-parser-output > p:first-of-type {
    clear: both !important;
    margin-top: 0 !important; /* kein Abstand über erstem Absatz */
  }
}
}
Abgerufen von „https://bunnypedia.net/bunnies/index.php?title=MediaWiki:Common.css“