MediaWiki:Common.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
#ca-history { display: none !important;}
#ca-viewsource { display: none !important; }
#ca-talk { display: none !important; }
/* fuer vector legacy, um logo richtig darzustellen */
#p-logo a {
background-size: contain !important; /* skaliert das Bild passend */
background-position: center center;
}
/* fuer "quickstart" auf startpage
/* Grund-Styling für den gesamten aufklappbaren Container */
.mw-collapsible.modern-box {
border: 1px solid #e1e1e1; /* Ein heller, dezenter Rand */
border-radius: 8px; /* Abgerundete Ecken für ein weicheres Aussehen */
box-shadow: 0 4px 10px rgba(0,0,0,0.08); /* Moderner Schatten für Tiefe */
margin: 1em 0;
background-color: #ffffff; /* Weißer Hintergrund */
overflow: hidden; /* Stellt sicher, dass sich alles innerhalb der abgerundeten Ecken befindet */
}
/* Styling für den klickbaren Kopfbereich (Titel) */
.mw-collapsible.modern-box > .mw-collapsible-toggle {
display: block;
padding: 15px 20px;
cursor: pointer;
font-weight: bold;
position: relative; /* Wichtig für die Positionierung des Icons */
background-color: #f9f9f9; /* Leicht abgesetzter Hintergrund für den Header */
}
/* Fügt eine feine Linie zwischen Header und Inhalt hinzu, wenn ausgeklappt */
.mw-collapsible.modern-box:not(.mw-collapsed) > .mw-collapsible-toggle {
border-bottom: 1px solid #e1e1e1;
}
/* Versteckt den Standard-Link-Text "[Anzeigen]" / "[Verbergen]" */
.mw-collapsible.modern-box .mw-collapsible-toggle-text {
display: none;
}
/* Erstellt das Pfeil-Icon (Chevron) als Ersatz für den Text */
.mw-collapsible.modern-box > .mw-collapsible-toggle::after {
content: '›'; /* Unicode Chevron-Zeichen */
position: absolute;
right: 20px;
top: 50%;
font-size: 28px;
font-weight: bold;
color: #888;
line-height: 1;
transform: translateY(-50%) rotate(0deg); /* Startposition (geschlossen) */
transition: transform 0.2s ease-in-out; /* Flüssige Animation */
}
/* Dreht das Pfeil-Icon um 90 Grad, wenn der Inhalt ausgeklappt ist */
.mw-collapsible.modern-box:not(.mw-collapsed) > .mw-collapsible-toggle::after {
transform: translateY(-50%) rotate(90deg);
}
/* Styling für den Inhaltsbereich */
.mw-collapsible.modern-box .mw-collapsible-content {
padding: 15px 20px;
margin: 0; /* Setzt den Standard-Margin zurück */
}