MediaWiki:Common.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung Markierung: Zurückgesetzt |
Änderung 633 von Bunnyfreak (Diskussion) rückgängig gemacht. Markierung: Rückgängigmachung |
||
| Zeile 1.502: | Zeile 1.502: | ||
/* 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; /* ~352px; stabile Desktopbreite */ | ||
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; | ||
} | } | ||
.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.2em 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; } | .mw-parser-output table.biobox td[colspan="2"] { text-align: center; } | ||
/* Fotozelle ohne Innenrahmen/Abstand */ | /* Fotozelle ohne Innenrahmen/Abstand */ | ||
.mw-parser-output table.biobox .biobox-photo{ | .mw-parser-output table.biobox .biobox-photo { | ||
padding:0 !important; | padding: 0 !important; | ||
border:0 !important; | border: 0 !important; | ||
background:transparent !important; | background: transparent !important; | ||
} | } | ||
/* Bild: immer auf Boxbreite skalieren (kein „Rahmen im Rahmen“) */ | /* Bild: immer auf Boxbreite skalieren (kein „Rahmen im Rahmen“) */ | ||
.mw-parser-output table.biobox .biobox-img{ | .mw-parser-output table.biobox .biobox-img { | ||
display:block; | display: block; | ||
width:100% !important; | width: 100% !important; | ||
height:auto !important; | height: auto !important; | ||
max-width:100% !important; | max-width: 100% !important; | ||
border:0 !important; | border: 0 !important; | ||
margin:0 !important; | margin: 0 !important; | ||
background:transparent !important; | background: transparent !important; | ||
box-shadow:none !important; | box-shadow: none !important; | ||
} | } | ||
.mw-parser-output table.biobox .biobox-img img{ | .mw-parser-output table.biobox .biobox-img img { | ||
display:block; | display: block; | ||
width:100% !important; | width: 100% !important; | ||
height:auto !important; | height: auto !important; | ||
} | } | ||
/* Thumbs in der Biobox nicht doppelt einrahmen */ | /* Thumbs in der Biobox nicht doppelt einrahmen */ | ||
.mw-parser-output table.biobox .thumb, | .mw-parser-output table.biobox .thumb, | ||
.mw-parser-output table.biobox .thumbinner{ | .mw-parser-output table.biobox .thumbinner { | ||
border:0 !important; | border: 0 !important; | ||
box-shadow:none !important; | box-shadow: none !important; | ||
background:transparent !important; | background: transparent !important; | ||
} | } | ||
/* Falls direkt danach eine rechte Social-Tabelle kommt */ | /* Falls direkt danach eine rechte Social-Tabelle kommt */ | ||
.mw-parser-output table.biobox + table[align="right"]{ | .mw-parser-output table.biobox + table[align="right"] { | ||
float:right; | float: right; | ||
margin:0 0 1em 1em; | margin: 0 0 1em 1em; | ||
} | } | ||
/* --- Mobile: volle Breite, kein Überstand, Text darunter --- */ | /* --- Mobile: volle Breite, kein Überstand, Text darunter --- */ | ||
@media (max-width:768px){ | @media (max-width: 768px) { | ||
.mw-parser-output table.biobox{ | .mw-parser-output table.biobox { | ||
float:none !important; | float: none !important; | ||
clear:both !important; | clear: both !important; | ||
width:auto !important; | width: auto !important; | ||
max-width:100% !important; | max-width: 100% !important; | ||
margin:0 0 1em 0 !important; | margin: 0 0 1em 0 !important; | ||
} | } | ||
.mw-parser-output table.biobox + table[align="right"]{ | .mw-parser-output table.biobox + table[align="right"] { | ||
float:none !important; | float: none !important; | ||
width:auto !important; | width: auto !important; | ||
margin:0 0 1em 0 !important; | margin: 0 0 1em 0 !important; | ||
align:initial | 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; | |||
background: transparent !important; | |||
box-shadow: none !important; | |||
} | |||
/* Link-Wrapper und Bild auf Zellenbreite strecken */ | |||
.mw-parser-output table.biobox .biobox-photo a.image, | |||
.mw-parser-output table.biobox .biobox-photo img, | |||
.mw-parser-output table.biobox .biobox-photo .mw-file-element { | |||
display: block !important; | |||
width: 100% !important; | |||
height: auto !important; | |||
max-width: 100% !important; | |||
margin: 0 !important; | |||
} | } | ||