MediaWiki:Common.css: Unterschied zwischen den Versionen
Änderung 585 von Bunnyfreak (Diskussion) rückgängig gemacht. Markierung: Rückgängigmachung |
Änderung 584 von Bunnyfreak (Diskussion) rückgängig gemacht. Markierung: Rückgängigmachung |
||
| Zeile 1.815: | Zeile 1.815: | ||
} | } | ||
/* ==== Biobox: | /* ==== Biobox: mobile sauber & Bildgrößen korrekt ==== */ | ||
@media screen and (max-width: 900px) { | @media screen and (max-width: 900px) { | ||
/* Box nicht floaten, volle Inhaltsbreite */ | |||
.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: | width: 100% !important; | ||
max-width: 100% !important; | max-width: 100% !important; | ||
margin: 0 | margin: 0 0 1em 0 !important; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
/* | /* Hauptbild: immer auf Boxbreite skalieren */ | ||
.mw-parser-output table.biobox a.image img { | .mw-parser-output table.biobox a.image img { | ||
max-width: 100% !important; | |||
width: 100% !important; | width: 100% !important; | ||
height: auto !important; | height: auto !important; | ||
| Zeile 1.835: | Zeile 1.836: | ||
} | } | ||
/* Sternzeichen klein halten */ | /* Sternzeichen-/Zodiac-Icon klein halten (ohne das Hauptbild zu treffen) */ | ||
.mw-parser-output table.biobox img[alt*="Sternzeichen"], | .mw-parser-output table.biobox img[alt*="Sternzeichen"], | ||
.mw-parser-output table.biobox img[title*="Sternzeichen"], | .mw-parser-output table.biobox img[title*="Sternzeichen"], | ||
.mw-parser-output table.biobox img[src*="Sternzeichen"], | .mw-parser-output table.biobox img[src*="Sternzeichen"], | ||
.mw-parser-output table.biobox img[alt*="Zodiac"], | |||
.mw-parser-output table.biobox img[title*="Zodiac"], | |||
.mw-parser-output table.biobox img[src*="zodiac"] { | .mw-parser-output table.biobox img[src*="zodiac"] { | ||
width: 24px !important; | width: 24px !important; | ||
max-width: 24px !important; | |||
height: auto !important; | height: auto !important; | ||
display: inline-block !important; | display: inline-block !important; | ||
| Zeile 1.847: | Zeile 1.851: | ||
} | } | ||
/* Falls Social-Tabelle | /* Falls direkt danach eine rechte Social-Tabelle kommt: neutralisieren */ | ||
.mw-parser-output table.biobox + table[align="right"] { | .mw-parser-output table.biobox + table[align="right"] { | ||
float: none !important; | float: none !important; | ||
width: | width: 100% !important; | ||
margin: 0 | margin: 0 0 1em 0 !important; | ||
align: initial !important; | |||
} | } | ||
/* Text unter Box beginnen */ | /* Text erst unter der Box beginnen */ | ||
.mw-parser-output > p:first-of-type { | .mw-parser-output > p:first-of-type { | ||
clear: both !important; | clear: both !important; | ||
} | } | ||
} | } | ||