MediaWiki:Common.css: Unterschied zwischen den Versionen
Änderung 83 von Boobslover (Diskussion) rückgängig gemacht. Markierung: Rückgängigmachung |
Änderung 81 von Boobslover (Diskussion) rückgängig gemacht. Markierung: Rückgängigmachung |
||
| Zeile 149: | Zeile 149: | ||
padding: 5px; font-size: 95%; color: #510041; | padding: 5px; font-size: 95%; color: #510041; | ||
} | } | ||
/* Hinweis */ | |||
.noticecolors { | .noticecolors { | ||
border: 1px solid #aaaaaa; background-color: #f9f9f9; | border: 1px solid #aaaaaa; background-color: #f9f9f9; | ||
| Zeile 241: | Zeile 242: | ||
font-size: 88%; | font-size: 88%; | ||
line-height: 1.5em; | line-height: 1.5em; | ||
width: 22em; | width: 22em; /* bewusst mit Border für stabiles Layout */ | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
| Zeile 591: | Zeile 592: | ||
/* VE editnotices readability */ | /* VE editnotices readability */ | ||
.mw-ve-editNotice .mbox-image { display: none; } | .mw-ve-editNotice .mbox-image { display: none; } | ||
/* Tagline sichtbar (außer auf Hauptseite; s. oben) */ | |||
/* Transparent borders for pie charts already handled via .transborder */ | |||
/* ===== Galerie / Thumbs ===== */ | /* ===== Galerie / Thumbs ===== */ | ||
| Zeile 611: | Zeile 616: | ||
float: right; | float: right; | ||
clear: right; | clear: right; | ||
width: 22em; | width: 22em; /* ~352px */ | ||
margin: 0.5em 0 1em 1em; | margin: 0.5em 0 1em 1em; | ||
border: 1px solid #c8ccd1; | border: 1px solid #c8ccd1; | ||
| Zeile 622: | Zeile 627: | ||
.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; vertical-align: top; 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; } | ||
/* Social-Links rechts neben/unter Biobox floaten */ | /* Fotozelle absolut bündig – keine Luft/kein Hintergrund */ | ||
.mw-parser-output table.biobox td.biobox-photo { | |||
padding: 0 !important; | |||
border: 0 !important; | |||
background: transparent !important; | |||
/* WICHTIG: keine font-size:0 und kein line-height:0 hier */ | |||
} | |||
/* Bild selbst ohne Luft/Rand, volle Breite */ | |||
.mw-parser-output table.biobox td.biobox-photo img, | |||
.mw-parser-output table.biobox td.biobox-photo .mw-file-element, | |||
.mw-parser-output table.biobox td.biobox-photo .biobox-img { | |||
display: block !important; | |||
width: 100% !important; | |||
height: auto !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
border: 0 !important; | |||
background: transparent !important; | |||
line-height: 0 !important; | |||
font-size: 0 !important; | |||
} | |||
.mw-parser-output table.biobox td.biobox-photo a.image, | |||
.mw-parser-output table.biobox td.biobox-photo img, | |||
.mw-parser-output table.biobox td.biobox-photo .mw-file-element, | |||
.mw-parser-output table.biobox td.biobox-photo .biobox-img { | |||
display: block !important; width: 100% !important; height: auto !important; | |||
margin: 0 !important; padding: 0 !important; border: 0 !important; | |||
background: transparent !important; box-shadow: none !important; | |||
} | |||
/* Falls MediaWiki Thumb-Hüllen setzt – neutralisieren */ | |||
.mw-parser-output table.biobox .thumb, | |||
.mw-parser-output table.biobox .thumbinner, | |||
.mw-parser-output table.biobox img.thumbimage { | |||
background: transparent !important; border: 0 !important; | |||
margin: 0 !important; padding: 0 !important; box-shadow: none !important; | |||
} | |||
/* Social-Links rechts neben/unter Biobox floaten, damit der Text links oben startet */ | |||
.mw-parser-output .bio-social { | .mw-parser-output .bio-social { | ||
float: right !important; | float: right !important; | ||
clear: right !important; | clear: right !important; | ||
width: 22em !important; | margin: 0 0 1em 1em !important; | ||
} | |||
.mw-parser-output .bio-social table { | |||
width: auto !important; display: inline-table; background: transparent !important; border: 0 !important; | |||
} | |||
/* Erster sichtbarer Absatz: nicht künstlich unter Floats beginnen */ | |||
.mw-parser-output > p:first-of-type { | |||
clear: none !important; | |||
margin-top: 0 !important; | |||
} | |||
/* Mobil: Biobox (und Social) volle Breite, kein Float-Überstand */ | |||
@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 .bio-social { | |||
float: none !important; clear: both !important; margin: 0 0 1em 0 !important; | |||
} | |||
} | |||
/* ============================================ | |||
FIX: Biobox + Social-Links + Abstand zum Text | |||
============================================ */ | |||
/* Social-Links sollen rechts neben der Biobox floaten */ | |||
.mw-parser-output .bio-social { | |||
float: right !important; | |||
clear: right !important; | |||
width: 22em !important; /* gleiche Breite wie Biobox */ | |||
margin: 0 0 1em 1em !important; | margin: 0 0 1em 1em !important; | ||
background: transparent !important; | background: transparent !important; | ||
| Zeile 640: | Zeile 710: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
/* Social-Link-Tabelle neutralisieren */ | |||
.mw-parser-output .bio-social table { | .mw-parser-output .bio-social table { | ||
width: 100% !important; | width: 100% !important; | ||
| Zeile 648: | Zeile 720: | ||
} | } | ||
/* | /* Verhindert, dass der erste Absatz unter die Box rutscht */ | ||
.mw-parser-output > p:first-of-type { | .mw-parser-output > p:first-of-type { | ||
clear: none !important; | clear: none !important; | ||
| Zeile 654: | Zeile 726: | ||
} | } | ||
/* | /* Mobile Ansicht: Box + Social-Links zentriert, keine Überbreite */ | ||
@media (max-width: 768px){ | @media screen and (max-width: 768px) { | ||
.mw-parser-output table.biobox, | .mw-parser-output table.biobox, | ||
.mw-parser-output .bio-social { | .mw-parser-output .bio-social { | ||
| Zeile 665: | Zeile 737: | ||
} | } | ||
} | } | ||
/* Social-Block rechts „neben“ der Biobox; blockiert den Text nicht */ | |||
.mw-parser-output .bio-social{ | |||
float:right; | |||
clear:right; | |||
margin:0 0 1em 1em; | |||
} | |||
.mw-parser-output .bio-social table{ | |||
display:inline-table; | |||
width:auto; | |||
background:transparent; /* grauen Hintergrund vermeiden */ | |||
border:0; | |||
} | |||
/* Erster Absatz darf neben Floats starten */ | |||
.mw-parser-output > p:first-of-type{ | |||
clear:none; | |||
margin-top:0; | |||
} | |||
/* --- Biobox und Textfluss-Korrektur --- */ | |||
.mw-parser-output table.biobox { | |||
float: right !important; | |||
clear: right !important; | |||
margin: 0.5em 0 1em 1em !important; | |||
} | |||
/* Social-Block soll sich rechts neben die Biobox setzen, nicht blocken */ | |||
.mw-parser-output .bio-social { | |||
float: right !important; | |||
clear: right !important; | |||
margin: 0 0 1em 1em !important; | |||
width: auto !important; | |||
background: transparent !important; | |||
border: 0 !important; | |||
} | |||
/* Der Artikeltext (erster Absatz) darf NICHT unter die Floats gezwungen werden */ | |||
.mw-parser-output > p:first-of-type { | |||
clear: none !important; | |||
margin-top: 0 !important; | |||
} | |||
/* === Desktop-Korrektur für Biobox (stellt Float & Breite wieder her) === */ | |||
@media (min-width: 769px) { | |||
.mw-parser-output table.biobox { | |||
float: right !important; | |||
clear: right !important; | |||
width: 22em !important; /* feste Breite nur am Desktop */ | |||
margin: 0.5em 0 1em 1em !important; | |||
} | |||
/* Textfluss wieder links neben der Box zulassen */ | |||
.mw-parser-output > p:first-of-type { | |||
clear: none !important; | |||
margin-top: 0 !important; | |||
} | |||
/* Falls Social-Links existieren – sie sollen unter der Box rechts bleiben */ | |||
.mw-parser-output .bio-social { | |||
float: right !important; | |||
clear: right !important; | |||
margin: 0 0 1em 1em !important; | |||
width: auto !important; | |||
} | |||
} | |||
/* ==== DESKTOP-FIX (nur >=769px) ==== */ | |||
@media (min-width: 769px) { | |||
/* Biobox rechts, feste Breite, normaler Textfluss links daneben */ | |||
.mw-parser-output table.biobox{ | |||
float: right !important; | |||
clear: right !important; | |||
width: 22em !important; | |||
margin: 0.5em 0 1em 1em !important; | |||
} | |||
/* | /* Social-Links dürfen daneben/unter die Box, blockieren den Text nicht */ | ||
.mw-parser-output .bio-social{ | |||
float: right !important; | |||
clear: right !important; | |||
width: auto !important; /* NICHT 100% auf Desktop */ | |||
margin: 0 0 1em 1em !important; | |||
background: transparent !important; | |||
border: 0 !important; | |||
padding: 0 !important; | |||
} | |||
.mw-parser-output .bio-social table{ | |||
display: inline-table !important; | |||
width: auto !important; | |||
background: transparent !important; | |||
border: 0 !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
} | |||
/* | /* Erster Absatz soll NICHT unter die Floats gezwungen werden */ | ||
.mw-parser-output | .mw-parser-output > p:first-of-type{ | ||
clear: none !important; | |||
margin-top: 0 !important; | |||
} | |||
} | } | ||
/* | /* ======== FIXBLOCK GANZ AM ENDE: Bild volle Breite, keine Luft/Ränder ======== */ | ||
.mw-parser-output table.biobox td.biobox-photo { | |||
padding: 0 !important; | |||
border: 0 !important; | |||
background: transparent !important; | |||
line-height: 0 !important; /* beseitigt vertikale Lücke */ | |||
} | |||
.mw-parser-output table.biobox td.biobox-photo *, | .mw-parser-output table.biobox td.biobox-photo *, | ||
.mw-parser-output table.biobox .thumb, | .mw-parser-output table.biobox .thumb, | ||
.mw-parser-output table.biobox .thumbinner, | .mw-parser-output table.biobox .thumbinner, | ||
.mw-parser-output table.biobox img.thumbimage{ | .mw-parser-output table.biobox img.thumbimage { | ||
background: transparent !important; | |||
border: 0 !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
box-shadow: none !important; | |||
} | |||
.mw-parser-output table.biobox td.biobox-photo a.image { | |||
display: block !important; | |||
line-height: 0 !important; | |||
font-size: 0 !important; | |||
margin: 0 !important; | |||
} | |||
.mw-parser-output table.biobox td.biobox-photo img, | |||
.mw-parser-output table.biobox td.biobox-photo .mw-file-element, | |||
.mw-parser-output table.biobox td.biobox-photo .biobox-img { | |||
display: block !important; | |||
width: 100% !important; | |||
height: auto !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
border: 0 !important; | |||
background: transparent !important; | |||
} | |||
.mw-parser-output table.biobox td.biobox-photo .biobox-upload { | |||
display: block !important; | |||
line-height: 1.35 !important; | |||
font-size: 90% !important; | |||
margin-top: 0.35em !important; | |||
text-align: center !important; | |||
} | |||
.mw-parser-output .biobox a.new { | |||
color: #d33 !important; | |||
text-decoration: underline !important; | |||
visibility: visible !important; | |||
opacity: 1 !important; | |||
display: inline !important; | |||
} | |||
.mw-parser-output .biobox td.biobox-photo a { | |||
visibility: visible !important; | |||
opacity: 1 !important; | |||
} | |||
.mw-parser-output .biobox td.biobox-photo .biobox-upload { | |||
display: block !important; | |||
} | |||
/* === Biobox Bild: null Luft, volle Breite, kein grauer Rand === */ | |||
.mw-parser-output table.biobox td.biobox-photo{ | |||
padding:0 !important; | |||
border:0 !important; | |||
background:transparent !important; | background:transparent !important; | ||
line-height:0 !important; /* entfernt Baseline-Gap */ | |||
} | } | ||
.mw-parser-output table.biobox td.biobox-photo a.image{ | .mw-parser-output table.biobox td.biobox-photo a.image{ | ||
display:block !important; | display:block !important; | ||
line-height:0 !important; | line-height:0 !important; | ||
} | } | ||
.mw-parser-output table.biobox td.biobox-photo img, | .mw-parser-output table.biobox td.biobox-photo img, | ||
.mw-parser-output table.biobox td.biobox-photo .mw-file-element, | .mw-parser-output table.biobox td.biobox-photo .mw-file-element, | ||
| Zeile 708: | Zeile 915: | ||
background:transparent !important; | background:transparent !important; | ||
box-shadow:none !important; | box-shadow:none !important; | ||
vertical-align:top !important; | vertical-align:top !important; /* Sicherheitsnetz gegen Rest-Luft */ | ||
} | } | ||
/* Upload-Hinweis unter dem | /* Upload-Hinweis (nur wenn kein Bild) knapp unter dem Platzhalter */ | ||
.mw-parser-output table.biobox td.biobox-photo .biobox-upload{ | .mw-parser-output table.biobox td.biobox-photo .biobox-upload{ | ||
display:block !important; | display:block !important; | ||
text-align:center !important; | text-align:center !important; | ||
margin | margin:0.3em 0 0 0 !important; | ||
line-height:1.3 !important; | line-height:1.3 !important; | ||
font-size:90% !important; | font-size:90% !important; | ||
} | } | ||