MediaWiki:Common.css: Difference between revisions

Revision as of 14:05, 15 October 2025

/* 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 */
}