MediaWiki:Common.css

From bwCloud-OS
Revision as of 14:03, 15 October 2025 by Admin (talk | contribs)
Jump to navigation Jump to search

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 {
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    padding: 0;
    margin: 1em 0;
    overflow: hidden; /* Wichtig für abgerundete Ecken */
}

/* Styling für den klickbaren Kopfbereich (Titel) */
.mw-collapsible.modern-box > .mw-collapsible-toggle {
    display: block;
    padding: 12px 18px;
    cursor: pointer;
    font-weight: bold;
    position: relative;
    text-align: left;
}

/* Versteckt den Standard-Text "[Anzeigen]" / "[Verbergen]" */
.mw-collapsible.modern-box .mw-collapsible-toggle-text {
    display: none;
}

/* Erstellt das Pfeil-Icon mit einem CSS-Pseudo-Element */
.mw-collapsible.modern-box > .mw-collapsible-toggle::after {
    content: '\\25B6'; /* ▶ Unicode-Zeichen für Pfeil nach rechts */
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.2s ease-in-out;
    font-size: 12px;
    color: #555;
}

/* Dreht das Pfeil-Icon, 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: 0 18px 15px 18px;
    border-top: 1px solid #e1e1e1;
    margin-top: 0;
}