|
|
| 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 242: |
Zeile 241: |
| font-size: 88%; | | font-size: 88%; |
| line-height: 1.5em; | | line-height: 1.5em; |
| width: 22em; /* bewusst mit Border für stabiles Layout */ | | width: 22em; |
| box-sizing: border-box; | | box-sizing: border-box; |
| } | | } |
| Zeile 592: |
Zeile 591: |
| /* 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 616: |
Zeile 611: |
| float: right; | | float: right; |
| clear: right; | | clear: right; |
| width: 22em; /* ~352px */ | | width: 22em; /* ~352px */ |
| margin: 0.5em 0 1em 1em; | | margin: 0.5em 0 1em 1em; |
| border: 1px solid #c8ccd1; | | border: 1px solid #c8ccd1; |
| Zeile 627: |
Zeile 622: |
| .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; padding: 0.2em 0.4em; vertical-align: top; text-align: left; | | 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; } |
|
| |
|
| /* Fotozelle absolut bündig – keine Luft/kein Hintergrund */
| | /* Social-Links rechts neben/unter Biobox floaten */ |
| .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; |
| margin: 0 0 1em 1em !important;
| | width: 22em !important; /* gleiche Breite wie Biobox */ |
| }
| |
| .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 710: |
Zeile 640: |
| 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 720: |
Zeile 648: |
| } | | } |
|
| |
|
| /* Verhindert, dass der erste Absatz unter die Box rutscht */ | | /* Erster sichtbarer Absatz darf neben Floats starten */ |
| .mw-parser-output > p:first-of-type { | | .mw-parser-output > p:first-of-type { |
| clear: none !important; | | clear: none !important; |
| Zeile 726: |
Zeile 654: |
| } | | } |
|
| |
|
| /* Mobile Ansicht: Box + Social-Links zentriert, keine Überbreite */ | | /* Mobil: Biobox (und Social) volle Breite */ |
| @media screen and (max-width: 768px) { | | @media (max-width: 768px){ |
| .mw-parser-output table.biobox, | | .mw-parser-output table.biobox, |
| .mw-parser-output .bio-social { | | .mw-parser-output .bio-social { |
| Zeile 736: |
Zeile 664: |
| margin: 0 0 1em 0 !important; | | margin: 0 0 1em 0 !important; |
| } | | } |
| }
| |
| /* 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 */ | | /* ======== FIXBLOCK GANZ AM ENDE: Bild volle Breite, keine Luft/Ränder ======== */ |
| .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 */ | | /* Fotozelle: absolut bündig, kein Hintergrund */ |
| .mw-parser-output .bio-social {
| | .mw-parser-output table.biobox td.biobox-photo{ |
| float: right !important;
| | padding:0 !important; |
| clear: right !important;
| | border:0 !important; |
| margin: 0 0 1em 1em !important;
| | background:transparent !important; |
| width: auto !important;
| | line-height:0 !important; /* entfernt Baseline-Gap */ |
| 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 > p:first-of-type{
| |
| clear: none !important;
| |
| margin-top: 0 !important;
| |
| }
| |
| } | | } |
|
| |
|
| /* ======== FIXBLOCK GANZ AM ENDE: Bild volle Breite, keine Luft/Ränder ======== */ | | /* Eventuelle Thumb-Hüllen & generische Kinder neutralisieren */ |
| .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; | | background:transparent !important; |
| border: 0 !important; | | border:0 !important; |
| margin: 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; | | padding:0 !important; |
| border:0 !important; | | box-shadow:none !important; |
| background:transparent !important;
| |
| line-height:0 !important; /* entfernt Baseline-Gap */
| |
| } | | } |
|
| |
|
| | /* Link um das Bild als Block, ohne Zusatzabstände */ |
| .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; |
| | font-size:0 !important; |
| | margin:0 !important; |
| } | | } |
|
| |
|
| | /* Das Bild selbst: volle Breite, null Luft */ |
| .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 915: |
Zeile 708: |
| background:transparent !important; | | background:transparent !important; |
| box-shadow:none !important; | | box-shadow:none !important; |
| vertical-align:top !important; /* Sicherheitsnetz gegen Rest-Luft */ | | vertical-align:top !important; |
| } | | } |
|
| |
|
| /* Upload-Hinweis (nur wenn kein Bild) knapp unter dem Platzhalter */ | | /* Upload-Hinweis unter dem (Platzhalter-)Bild */ |
| .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:0.3em 0 0 0 !important; | | margin-top:0.35em !important; |
| line-height:1.3 !important; | | line-height:1.3 !important; |
| font-size:90% !important; | | font-size:90% !important; |
| | } |
| | |
| | /* Upload-/Rotlinks in Biobox sicher sichtbar */ |
| | .mw-parser-output .biobox a.new{ |
| | color:#d33 !important; |
| | text-decoration:underline !important; |
| | visibility:visible !important; |
| | opacity:1 !important; |
| | display:inline !important; |
| | } |
| | |
| | /* Sicherheit: Links in der Fotozelle niemals verstecken */ |
| | .mw-parser-output .biobox td.biobox-photo a, |
| | .mw-parser-output .biobox td.biobox-photo a *{ |
| | visibility:visible !important; |
| | opacity:1 !important; |
| } | | } |
