MediaWiki:Common.css: Unterschied zwischen den Versionen

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Abstand für das Zeitlos-Footerlogo */
.vector-footer-poweredby .mw-footer-icon img[src$="banner-cc.png"] {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

/* Icon im Footer auf gleiche Höhe */
.vector-footer-poweredby .mw-footer-icon img {
    vertical-align: middle !important;
    position: relative;
    top: -4px; /* feinjustieren */
}

/* Changes the background color behind the top half of the logo and at top of each page: */
#mw-page-base {
  background-color: #FFBF00;
}

/* Changes the background color of the bottom and left of each page, up to behind half of the logo: */
body {
  background-color: #FFBF00;
}
/* ?-Hilfe ausblenden (verlinkt auf Mediawiki, für Sokradia nicht benutzbar) */
.mw-indicators { display: none; }
.mw-indicator { display: none; }
.mw-helplink { display: none; }

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

/* Automatisches Verschmelzen benachbarter Navigationsleisten */
div.NavFrame + div.NavFrame {
    border-top-style: hidden;
    margin-top: 0;
}

/* Kontakt Icon */
#p-Kontakt .vector-menu-heading::before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.05em;
    background-image: url("/Wiki_BlueX/images/f/f0/Kontakt.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -0.18em;
}

/* Perryversum Icon */
#p-Perryversum .vector-menu-heading::before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.05em;
    background-image: url("/Wiki_BlueX/images/d/da/Icon-perry.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -0.18em;
}

/* Drix Universum */
#p-Drix .vector-menu-heading::before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.05em;
    background-image: url("/Wiki_BlueX/images/a/a6/Drix.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -0.18em;
}

/* Blue-X Universum */
#p-BlueX .vector-menu-heading::before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.05em;
    background-image: url("/Wiki_BlueX/images/0/0e/OSK.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -0.18em;
}

/* OutBack Icon */
#p-OutBack .vector-menu-heading::before {
    content: "";
    display: inline-block;
    width: 1.2em;                 /* gleiche Breite wie Text */
    height: 1.2em;                /* gleiche Höhe wie Text */
    margin-right: 0.05em;       /* kompakter Abstand */
    background-image: url("/Wiki_BlueX/images/8/8e/Icon-outback.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -0.18em;    /* optisch perfekt mittig */
}

/* Terranian Start Icon */
#p-Terranian-Star .vector-menu-heading::before {
    content: "";
    display: inline-block;
    width: 1.2em;                 /* gleiche Breite wie Text */
    height: 1.2em;                /* gleiche Höhe wie Text */
    margin-right: 0.05em;       /* kompakter Abstand */
    background-image: url("/Wiki_BlueX/images/c/c3/T-Star.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -0.18em;    /* optisch perfekt mittig */
}

/* Spezielles */
#p-Spezielles .vector-menu-heading::before {
    content: "";
    display: inline-block;
    width: 1.2em;                 /* gleiche Breite wie Text */
    height: 1.2em;                /* gleiche Höhe wie Text */
    margin-right: 0.05em;       /* kompakter Abstand */
    background-image: url("/Wiki_BlueX/images/6/66/Spezielles.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -0.18em;    /* optisch perfekt mittig */
}

/* Werkzeuge-Icon */
#p-tb .vector-menu-heading::before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.05em;
    background-image: url("/Wiki_BlueX/images/7/75/MediaWiki-extensions-icon.png");
    background-size: cover;        /* Trick: Bild füllt Quadrat */
    background-position: center;   /* Trick: mittig zuschneiden */
    background-repeat: no-repeat;
    vertical-align: -0.18em;
}

/* Sidebar-Hintergrund in sehr hellem Goldton – Vector-2022 */
nav#mw-panel.mw-sidebar {
    background-color: #FFBF00 !important; /* sehr helles Gold */
    padding: 12px !important;
    border-radius: 6px !important;
    border: 1px solid #d6c48a !important; /* dezenter Goldrahmen */
}

nav#mw-panel.mw-sidebar .vector-menu-portal {
    background-color: #FFDE6C !important;
    border-radius: 4px !important;
    padding: 6px !important;
}

/* Größe des Thumbnail-Feldes */
.cdx-menu-item__thumbnail {
    width: 50px !important;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 1) Artikel OHNE Bild → SVG-Platzhalter ersetzen */
.cdx-thumbnail__placeholder__icon svg {
    display: none !important;
}

.cdx-thumbnail__placeholder {
    width: 50px !important;
    height: 50px !important;
    background-image: url("/Wiki_BlueX/images/c/c6/Sokratesicon.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* 2) Artikel MIT Bild → normales Verhalten */
.cdx-thumbnail__image {
    width: 50px !important;
    height: 50px !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Sokrates-Icon als Erscheinung / Nebel */
.cdx-thumbnail__placeholder {
    background-image: url("/Wiki_BlueX/images/c/c6/Sokratesicon.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    /* Erscheinungs-Effekt */
    opacity: 0.35 !important;          /* sehr durchsichtig */
    filter: blur(1.2px) brightness(1.4) contrast(0.7) !important;
}

/* 1) Artikel MIT echtem Bild → immer echtes Bild */
.cdx-thumbnail__image {
    width: 50px !important;
    height: 50px !important;
    background-size: cover !important;
    background-position: center !important;
    filter: none !important;
    opacity: 1 !important;
}

/* 2) Artikel OHNE Bild → nebulöses Sokrates-Icon */
.cdx-thumbnail__placeholder {
    background-image: url("/Wiki_BlueX/images/c/c6/Sokratesicon.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    opacity: 0.35 !important;
    filter: blur(1.2px) brightness(1.4) contrast(0.7) !important;
}

/* 3) Begriffsklärungsseiten → hartes Sokrates-Icon */
.cdx-menu-item[title*="Begriffsklärung"] .cdx-thumbnail__placeholder {
    opacity: 1 !important;
    filter: none !important;
}

/* Sanfte Aura + Puls für Begriffsklärungs-Icon */
.cdx-menu-item[title*="Begriffsklärung"] .cdx-thumbnail__placeholder {
    animation: pulseAura 3.2s ease-in-out infinite;
    position: relative;
}

/* Keyframes für Aura-Puls */
@keyframes pulseAura {
    0% {
        transform: scale(1);
        opacity: 1;
        filter: drop-shadow(0 0 0px rgba(255, 255, 255, 0.0));
    }
    50% {
        transform: scale(1.06);
        opacity: 0.95;
        filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.35));
    }
    100% {
        transform: scale(1);
        opacity: 1;
        filter: drop-shadow(0 0 0px rgba(255, 255, 255, 0.0));
    }
}

// === Collapse für Vector‑2022 Sidebar ===
mw.hook('wikipage.content').add(function () {

    // Nur im Vector‑2022 Skin aktivieren
    if (mw.config.get('skin') !== 'vector-2022') return;

    // Alle Sidebar‑Sektionen finden
    document.querySelectorAll('.vector-sidebar .vector-menu').forEach(function(menu) {

        // Titel finden
        var header = menu.querySelector('.vector-menu-heading');
        var content = menu.querySelector('.vector-menu-content');

        if (!header || !content) return;

        // Pfeil hinzufügen
        header.style.cursor = 'pointer';
        header.insertAdjacentHTML('beforeend', '<span class="vx-arrow" style="float:right;transition:0.2s;">▼</span>');

        var arrow = header.querySelector('.vx-arrow');

        // Startzustand
        content.style.display = 'block';

        // Klick‑Event
        header.addEventListener('click', function () {
            if (content.style.display === 'none') {
                content.style.display = 'block';
                arrow.style.transform = 'rotate(0deg)';
            } else {
                content.style.display = 'none';
                arrow.style.transform = 'rotate(-90deg)';
            }
        });
    });
});