MediaWiki:Common.js: Unterschied zwischen den Versionen

/* ============================================================
   GLOBAL: Basis-CSS für alle Benutzeroberflächen
   ============================================================ */

/* Toolbox (p-tb) ausblenden */
#p-tb {
    display: none;
}

/* Footer-Logo (Zeitlos) – Abstand & Ausrichtung */
.vector-footer-poweredby .mw-footer-icon img[src$="banner-cc.png"] {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.vector-footer-poweredby .mw-footer-icon img {
    vertical-align: middle !important;
    position: relative;
    top: -4px;
}

/* Hintergrundfarben (Seitenrahmen) */
#mw-page-base,
body {
    background-color: #B0E2FF;
}

/* MediaWiki-Hilfe-Links ausblenden */
.mw-indicators,
.mw-indicator,
.mw-helplink {
    display: none !important;
}

/* TOC-Limiter */
.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;
}

/* ============================================================
   SIDEBAR-ICONS (Vector‑2011 & Vector‑2022)
   ============================================================ */

/* Gemeinsame Icon-Basis */
#p-Kontakt .vector-menu-heading::before,
#p-Perryversum .vector-menu-heading::before,
#p-Drix .vector-menu-heading::before,
#p-BlueX .vector-menu-heading::before,
#p-OutBack .vector-menu-heading::before,
#p-TS-Universum .vector-menu-heading::before,
#p-Terranian_Star .vector-menu-heading::before,
#p-Spezielles .vector-menu-heading::before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.05em;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -0.18em;
}

/* Individuelle Icons */
#p-Kontakt .vector-menu-heading::before {
    background-image: url("/Wiki_TS/images/f/f0/Kontakt.png");
}

#p-Perryversum .vector-menu-heading::before {
    background-image: url("/Wiki_TS/images/d/da/Icon-perry.png");
}

#p-Drix .vector-menu-heading::before {
    background-image: url("/Wiki_TS/images/a/a6/Drix.png");
}

#p-BlueX .vector-menu-heading::before {
    background-image: url("/Wiki_TS/images/0/0e/OSK.png");
}

#p-OutBack .vector-menu-heading::before {
    background-image: url("/Wiki_TS/images/8/8e/Icon-outback.png");
}

/* KORRIGIERT: TS-Universum */
#p-TS-Universum .vector-menu-heading::before {
    background-image: url("/Wiki_TS/images/c/c3/T-Star.png");
}

/* KORRIGIERT: Terranian Star → Terranian_Star */
#p-Terranian_Star .vector-menu-heading::before {
    background-image: url("/Wiki_TS/images/c/c3/T-Star.png");
}

#p-Spezielles .vector-menu-heading::before {
    background-image: url("/Wiki_TS/images/6/66/Spezielles.png");
}

/* Werkzeuge-Icon */
#p-Werkzeuge .vector-menu-heading::before,
#p-tb .vector-menu-heading::before {
    content: "🛠️";
    font-size: 1em;
    margin-right: 0.3em;
    vertical-align: -0.1em;
}

/* ============================================================
   SIDEBAR-DESIGN (Vector‑2022)
   ============================================================ */

nav#mw-panel.mw-sidebar {
    background-color: #FFBF00 !important;
    padding: 12px !important;
    border-radius: 6px !important;
    border: 1px solid #d6c48a !important;
}

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

/* Sidebar-Header */
#vector-sidebar .vector-menu-heading {
    background-color: #FFD766 !important;
    border-bottom: 2px solid #d6a300 !important;
}

/* ============================================================
   EINKLAPPBARE SIDEBAR (für Common.js)
   ============================================================ */

.mw-portlet h3,
.mw-portlet .vector-menu-heading {
    cursor: pointer;
    user-select: none;
}

.mw-portlet h3::after,
.mw-portlet .vector-menu-heading::after {
    content: " ▾";
    float: right;
}

.mw-portlet h3.collapsed::after,
.mw-portlet .vector-menu-heading.collapsed::after {
    content: " ▸";
}

.mw-portlet .body {
    padding-left: 5px;
}

/* ============================================================
   THUMBNAIL-OPTIK (Sokrates-Effekt)
   ============================================================ */

.cdx-menu-item__thumbnail,
.cdx-thumbnail__image,
.cdx-thumbnail__placeholder {
    width: 50px !important;
    height: 50px !important;
    background-position: center !important;
    background-size: contain !important;
}

/* Artikel OHNE Bild → Sokrates-Nebel */
.cdx-thumbnail__placeholder {
    background-image: url("/Wiki_BlueX/images/c/c6/Sokratesicon.png") !important;
    opacity: 0.35 !important;
    filter: blur(1.2px) brightness(1.4) contrast(0.7) !important;
}

/* Artikel MIT Bild → normales Bild */
.cdx-thumbnail__image {
    filter: none !important;
    opacity: 1 !important;
}

/* Begriffsklärung → harte Aura */
.cdx-menu-item[title*="Begriffsklärung"] .cdx-thumbnail__placeholder {
    opacity: 1 !important;
    filter: none !important;
    animation: pulseAura 3.2s ease-in-out infinite;
}

/* Aura-Puls */
@keyframes pulseAura {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.06); opacity: 0.95; }
    100% { transform: scale(1); opacity: 1; }
}

/* ============================================================
   Sidebar einklappbar – Vector‑2011 + Vector‑2022
   ============================================================ */

$(document).ready(function() {

    /* Vector‑2022 */
    $('.mw-portlet .vector-menu-heading').each(function() {
        const heading = $(this);

        // Vector‑2022: Inhalt liegt in .vector-menu-content-list
        const content = heading.closest('.mw-portlet').find('.vector-menu-content-list');

        if (content.length) {
            heading.css('cursor', 'pointer');

            heading.on('click', function(e) {
                e.preventDefault();
                e.stopPropagation();
                content.slideToggle(200);
                heading.toggleClass('collapsed');
            });
        }
    });

    /* Vector‑2011 */
    $('.mw-portlet h3').each(function() {
        const heading = $(this);
        const content = heading.next('.body');

        if (content.length) {
            heading.css('cursor', 'pointer');

            heading.on('click', function() {
                content.slideToggle(200);
                heading.toggleClass('collapsed');
            });
        }
    });

});

/* ============================================================
   Vector‑2022 Hauptmenü (optional)
   ============================================================ */

#vector-main-menu {
    background-color: #cfe8ff !important;
    border: 2px solid #7bb8ff !important;
}

#vector-main-menu .vector-pinnable-header {
    background-color: #d9edff !important;
    border-bottom: 2px solid #7bb8ff !important;
}