MediaWiki:Mobile.css: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* MediaWiki:Mobile.css */
/* === Biobox Mobile-Fix für iPhone (volle Breite & bündiger Inhalt) === */
@media (max-width: 768px){
@media (max-width: 900px) {
   .mw-parser-output table.biobox{
   .mw-parser-output table.biobox {
     float:none !important;
     float: none !important;
     clear:both !important;
     clear: both !important;
     display:block !important;
     display: block !important;
     width:calc(100% + 24px) !important;   /* 24px = 12px je Seite */
     width: 100vw !important;         /* nutze volle Bildschirmbreite */
     margin:0 -12px 1em -12px !important; /* negative Seitenränder */
    max-width: 100vw !important;
     max-width:none !important;
     margin: 0 -1em 1em -1em !important; /* gleicht Body-Padding aus */
     border: 1px solid #c8ccd1;
    border-collapse: collapse;
    box-sizing: border-box;
    background: #fff;
   }
   }
   /* Bilder sicher skaliert */
 
   .mw-parser-output table.biobox img{
   /* Inhalt bündig – keine optische Einrückung */
    max-width:100% !important;
   .mw-parser-output table.biobox td,
     height:auto !important;
  .mw-parser-output table.biobox th {
    display:block;
     padding: 0.3em 0.5em !important;
   }
   }
   /* Rechts ausgerichtete Folge-Tabellen (z. B. Social-Links) entfloaten */
 
   .mw-parser-output table[align="right"]{
   /* Bild volle Breite der Box */
     float:none !important;
   .mw-parser-output table.biobox img {
     width:100% !important;
     width: 100% !important;
     margin:0 0 1em 0 !important;
     max-width: 100% !important;
     clear:both !important;
     height: auto !important;
     display: block;
    margin: 0;
   }
   }
   /* Text wirklich unter der Box starten */
 
   .mw-parser-output #toc,
   /* Text unterhalb starten */
  .mw-parser-output .biobox ~ p:first-of-type{
   .mw-parser-output > p:first-of-type {
     clear:both !important;
     clear: both !important;
   }
   }
}
}