MediaWiki:Common.css: Unterschied zwischen den Versionen
Änderung 312 von Boobslover (Diskussion) rückgängig gemacht. Markierung: Rückgängigmachung |
Keine Bearbeitungszusammenfassung Markierung: Manuelle Zurücksetzung |
||
| (16 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 160: | Zeile 160: | ||
} | } | ||
div.NavPic { background-color: #fff; margin: 0; padding: 2px; float: left; } | div.NavPic { background-color: #fff; margin: 0; padding: 2px; float: left; } | ||
div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccf; position: relative; } | div.NavFrame div.NavHead { line-height: 1.6em; font-weight: bold; background-color: #ccf; position: relative; } | ||
div.NavFrame p, | div.NavFrame p, | ||
div.NavFrame div.NavContent, | div.NavFrame div.NavContent, | ||
| Zeile 627: | Zeile 627: | ||
clear:right; | clear:right; | ||
width:22em; /* ~352px; stabile Desktopbreite */ | width:22em; /* ~352px; stabile Desktopbreite */ | ||
margin:0.5em 0 | margin:0.5em 0 0.5em 1em; | ||
border:1px solid #c8ccd1; | border:1px solid #c8ccd1; | ||
background:#fff; | background:#fff; | ||
| Zeile 819: | Zeile 819: | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* Biobox: Abstand zum folgenden Text entfernen */ | /* Biobox: Abstand zum folgenden Text entfernen (Grundabstand, ohne !important) */ | ||
.mw-parser-output table.biobox { | .mw-parser-output table.biobox { | ||
margin-top: 0 !important; | margin-top: 0.5em !important; /* Einheitlicher Abstand oben – passe bei Bedarf auf 0em oder 1em an */ | ||
} | } | ||
/* Kein sichtbarer Abstand direkt nach der Biobox (egal welches Element) */ | /* Kein sichtbarer Abstand direkt nach der Biobox (egal welches Element) */ | ||
.mw-parser-output table.biobox + * { | .mw-parser-output table.biobox + * { | ||
margin-top: 0 !important; | margin-top: 0 !important; | ||
} | |||
table.nosort.sortable th.headerSort { | |||
background-image: none !important; /* Entfernt Pfeile */ | |||
cursor: default !important; /* Kein Cursor-Wechsel */ | |||
pointer-events: none !important; /* Deaktiviert Klicks */ | |||
} | |||
table.nosort.sortable th.headerSort:hover { | |||
background-color: inherit !important; /* Kein Hover-Effekt */ | |||
} | |||
.mw-parser-output table.biobox { | |||
margin-top: 0 !important; /* Entfernt den oberen Abstand vollständig */ | |||
} | |||
#firstHeading { | |||
margin-bottom: 0 !important; /* Entfernt Abstand unter der Überschrift */ | |||
padding-bottom: 0 !important; /* Entfernt Padding unter der Überschrift */ | |||
} | |||
.mw-parser-output > *:first-child { | |||
margin-top: 0 !important; /* Für das erste Element (Biobox) – redundant, aber sicher */ | |||
} | } | ||
/* === | .mw-parser-output table.biobox + p, | ||
. | .mw-parser-output p:first-of-type { | ||
. | margin-top: 0 !important; /* Entfernt Abstand oben beim ersten Absatz nach der Biobox */ | ||
margin- | } | ||
/* ========== HAUPTSEITE: Responsive Layout (nur Mobile) ========== */ | |||
@media (max-width: 800px) { | |||
/* News (3 Spalten) -> untereinander (nur Hauptseite) */ | |||
body.page-Hauptseite .startseite-news tr { display: block; } | |||
body.page-Hauptseite .startseite-news td { | |||
display: block; | |||
width: 100% !important; | |||
box-sizing: border-box; | |||
} | |||
/* Box-Reihen (2er/3er/4er) -> untereinander (nur Hauptseite) */ | |||
body.page-Hauptseite .startseite-boxrow, | |||
body.page-Hauptseite .startseite-boxrow tbody, | |||
body.page-Hauptseite .startseite-boxrow tr, | |||
body.page-Hauptseite .startseite-boxrow td { | |||
display: block; | |||
width: 100% !important; | |||
box-sizing: border-box; | |||
} | |||
/* Spacer-Zellen ausblenden */ | |||
body.page-Hauptseite .startseite-spacer { | |||
display: none !important; | |||
} | |||
/* Abstand zwischen den Boxen (nur echte Box-Zellen) */ | |||
body.page-Hauptseite .startseite-boxrow td[style*="border:1px solid #ef9a9a"] { | |||
margin-bottom: 12px; | |||
} | |||
body.page-Hauptseite .startseite-boxrow td[style*="border:1px solid #ef9a9a"]:last-child { | |||
margin-bottom: 0; | |||
} | |||
/* Optional: Bilder in Boxen auf Mobile nicht links quetschen */ | |||
body.page-Hauptseite .startseite-boxrow img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
} | } | ||