MediaWiki:Common.css: Difference between revisions

From bwCloud-OS
Jump to navigation Jump to search
Admin (talk | contribs)
No edit summary
Admin (talk | contribs)
No edit summary
Line 13: Line 13:


/* fuer "quickstart" auf startpage
/* fuer "quickstart" auf startpage
/* Grund-Styling für den gesamten aufklappbaren Container */
/* Hover-Effekt für Collapsibles */
.mw-collapsible.modern-box {
.modern-accordion:hover {
    border: 1px solid #e1e1e1; /* Ein heller, dezenter Rand */
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    border-radius: 8px; /* Abgerundete Ecken für ein weicheres Aussehen */
  transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.08); /* Moderner Schatten für Tiefe */
  transition: all 0.3s ease;
    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) */
/* Bracket entfernen */
.mw-collapsible.modern-box > .mw-collapsible-toggle {
.mw-collapsible-toggle-default:before,
    display: block;
.mw-collapsible-toggle-default:after {
    padding: 15px 20px;
  display: none;
    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 */
/* Smooth Transitions */
.mw-collapsible.modern-box:not(.mw-collapsed) > .mw-collapsible-toggle {
.mw-collapsible {
    border-bottom: 1px solid #e1e1e1;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
 
/* 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 */
}
}

Revision as of 14:15, 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
/* Hover-Effekt für Collapsibles */
.modern-accordion:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

/* Bracket entfernen */
.mw-collapsible-toggle-default:before,
.mw-collapsible-toggle-default:after {
  display: none;
}

/* Smooth Transitions */
.mw-collapsible {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}