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 14: Line 14:
/* fuer "quickstart" auf startpage
/* fuer "quickstart" auf startpage


/* Card-Grundstil */
 
.collapsible-card { border:1px solid #1e3a8a; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,.06); background:#fff; margin:1em 0; }
/* Grund-Styling für den gesamten aufklappbaren Container */
.collapsible-card__header { padding:.9em 1em; cursor:pointer; display:flex; align-items:center; gap:.6em; }
.mw-collapsible.modern-box {
.collapsible-card__title { font-weight:600; color:#0f1e5a; }
    background-color: #f9f9f9;
.collapsible-card__header:focus-visible { outline:2px solid #1e3a8a; outline-offset:2px; border-radius:8px; }
    border: 1px solid #e1e1e1;
.collapsible-card .chev { margin-left:auto; transition:transform .2s ease; }
    border-radius: 8px;
.collapsible-card.expanded .chev { transform:rotate(90deg); }
    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;
}

Revision as of 14:03, 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 {
    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;
}