MediaWiki:Common.css: Unterschied zwischen den Versionen

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


/* --- Mobile-Layout: Infobox zuerst, volle Breite, nichts schiebt --- */
/* --- Mobile: Infobox oben, volle Breite, bündig --- */
@media screen and (max-width: 768px) {
@media screen and (max-width: 768px) {
 
   /* Infobox selbst */
   /* 1) Infobox nicht floaten & volle Breite (überstimmt width:240px im Template) */
   .mw-parser-output table.infobox {
   .mw-parser-output table.infobox {
     float: none !important;
     float: none !important;
     clear: both !important;
     clear: both !important;
     display: block !important;
     display: block !important;
     width: 100% !important;
 
     max-width: 100% !important;
    /* Vollbreite + Ausgleich des Container-Paddings (≈ 1rem je Seite) */
     margin: 0 0 1em 0 !important;
     width: calc(100% + 2rem) !important;
     margin-left: -1rem !important;
    margin-right: -1rem !important;
 
    /* Optik */
     margin-top: 0 !important;
    margin-bottom: 1em !important;
    background: #fff !important;
     box-sizing: border-box;
     box-sizing: border-box;
     background: #fff !important;
     max-width: none !important; /* überschreibt inline width:240px */
   }
   }


   /* 2) Bilder in der Infobox responsiv */
   /* Bilder responsiv */
   .mw-parser-output table.infobox img {
   .mw-parser-output table.infobox img {
     max-width: 100% !important;
     max-width: 100% !important;
Zeile 1.809: Zeile 1.815:
   }
   }


   /* 3) Das zweite, rechts ausgerichtete Tabellelement (Social-Icons) neutralisieren */
   /* Nachfolgende Social-Icon-Tabelle neutralisieren */
   .mw-parser-output table.infobox + table[align="right"] {
   .mw-parser-output table.infobox + table[align="right"] {
     float: none !important;
     float: none !important;
Zeile 1.817: Zeile 1.823:
   }
   }


   /* 4) Text sicher unterhalb starten */
   /* Text sicher unterhalb starten */
   .mw-parser-output > p:first-of-type {
   .mw-parser-output > p:first-of-type {
     clear: both !important;
     clear: both !important;
   }
   }
}
}