MediaWiki:Common.css: Unterschied zwischen den Versionen

/* ============================================================
   WIKI-SPEZIFISCHE EINSTELLUNGEN – TERRANIANSTAR
   ============================================================ */

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

/* Farbvariablen */
:root {
    --sk-gold: #FFBF00;
    --sk-lightgold: #FFDE6C;
}

/* ============================================================
   ALLGEMEINE UI-ANPASSUNGEN
   ============================================================ */

/* ?-Hilfe ausblenden */
.mw-indicators,
.mw-indicator,
.mw-helplink {
    display: none;
}

/* TOC-Begrenzung */
.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 – (alte Logik, modernisiert)
   ============================================================ */

/* Gemeinsame Icon-Basis */
#p-navigation .vector-menu-heading::before,
#p-TS-Universum .vector-menu-heading::before,
#p-MW-Links .vector-menu-heading::before,
#p-Drix .vector-menu-heading::before,
#p-Kontakt .vector-menu-heading::before,
#p-Spezielles .vector-menu-heading::before,
#p-Perryversum .vector-menu-heading::before,
#p-OutBack .vector-menu-heading::before,
#p-BlueX .vector-menu-heading::before,
#p-TS-Universum .vector-menu-heading::before,
#p-tb .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;
}

/* ===== ICONS – Varianten (über Variablen) ===== */

#p-MW-Links .vector-menu-heading::before {
    background-image: url("/Wiki_TS/images/2/2f/Logo_Begriffsklärung.png");
}

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

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

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

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

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

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

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

/* Werkzeug-Icons */
#p-tb .vector-menu-heading::before { content: "🛠️"; }
#p-Werkzeuge .vector-menu-heading::before { content: "🔩️"; }

/* Admin-Werkzeuge Zahnrad */
#p-tb .vector-menu-heading:contains("Admin-Werkzeuge")::before {
    content: "⚙️";
    margin-right: 0.35em;
    font-size: 1em;
    vertical-align: middle;
}

/* ============================================================
   VECTOR‑2010 / VECTOR‑2011 – GOLD/HELLGOLD DESIGN
   ============================================================ */
/* Listen */
.skin-vector-legacy #mw-panel .body ul {
    background: var(--sk-lightgold) !important;
    padding: 4px !important;
    border-radius: 4px !important;
}

/* Links */
.skin-vector-legacy #mw-panel .body ul li a {
    border-radius: 3px !important;
    padding: 2px 4px !important;
}

/* Werkzeug-Menü ausblenden (wie bisher) */
.skin-vector-legacy #p-tb {
    display: none !important;
}

/* Sidebar-Gesamtfläche */
.skin-vector-legacy #mw-panel {
    background: var(--sk-gold) !important;
    border: 1px solid var(--sk-gold) !important;
    border-radius: 6px !important;
}

/* Jeder Sidebar-Balken (das <nav>-Element) */
.skin-vector-legacy #mw-panel .portal {
    background: var(--sk-lightgold) !important;
    border: 1px solid #000 !important; /* dünner schwarzer Rahmen */
    border-radius: 6px !important;     /* jetzt funktioniert die Rundung */
    margin-bottom: 3px !important;
    overflow: hidden;                  /* wichtig, damit die Rundung sichtbar bleibt */
}

/* Trennlinie zwischen Überschrift und Inhalt */
.skin-vector-legacy #mw-panel .portal > .vector-menu-content {
    border-top: 2px solid var(--sk-gold) !important;
}
/* ============================================================
   VECTOR-2022 – SEPARATE OPTIK
   ============================================================ */

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

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

/* ============================================================
   SUCHVORSCHLÄGE (Codex)
   ============================================================ */

.cdx-menu-item__thumbnail {
    width: 50px !important;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cdx-thumbnail__placeholder__icon svg {
    display: none !important;
}

.cdx-thumbnail__image {
    width: 50px !important;
    height: 50px !important;
    background-size: cover !important;
    background-position: center !important;
    opacity: 1 !important;
    filter: none !important;
}

.cdx-thumbnail__placeholder {
    width: 50px !important;
    height: 50px !important;
    background-image: url("/Wiki_TS/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;
}

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

@keyframes pulseAura {
    0%   { transform: scale(1);   opacity: 1;   filter: drop-shadow(0 0 0px rgba(255,255,255,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)); }
}

/* TS-Artikel-Kategorie ausblenden */
.catlinks li a[title="Kategorie:TS-Artikel"] {
    display: none !important;
}

/* ============================================================
   VECTOR‑2022 – GOLD/HELLGOLD-DESIGN
   ============================================================ */

/* Sidebar */
.skin-vector-2022 nav#mw-panel.mw-sidebar {
    background-color: var(--sk-gold) !important;
    padding: 12px !important;
    border-radius: 6px !important;
    border: 1px solid #d6c48a !important;
}

.skin-vector-2022 nav#mw-panel .vector-menu-portal {
    background-color: var(--sk-lightgold) !important;
    border-radius: 4px !important;
    padding: 6px !important;
    margin: 4px 0 !important;
}

/* Sidebar-Überschriften */
.skin-vector-2022 #mw-panel .vector-menu-heading {
    background: var(--sk-gold) !important;
    color: #000 !important;
    font-weight: bold !important;
    padding: 4px 6px !important;
    padding-right: 12px !important;
    border-radius: 5px !important;
    transition: background 0.2s ease;
}

.skin-vector-2022 #mw-panel .vector-menu-heading.collapsed {
    background: var(--sk-lightgold) !important;
    color: #000 !important;
    font-weight: normal !important;
}

.skin-vector-2022 #mw-panel .vector-menu-heading::after {
    content: " ▾";
    float: right;
}

.skin-vector-2022 #mw-panel .vector-menu-heading.collapsed::after {
    content: " ▸";
}

/* Sidebar-Inhalt */
.skin-vector-2022 #mw-panel .vector-menu-content {
    background: var(--sk-lightgold) !important;
    border-radius: 5px !important;
    padding: 3px !important;
    margin: 0 !important;
}

.skin-vector-2022 #mw-panel .vector-menu-content-list li a {
    border-radius: 3px !important;
    padding: 2px 2px;
}

/* Top-Menü neutralisieren */
.skin-vector-2022 #p-personal .vector-menu-heading,
.skin-vector-2022 #p-personal .vector-menu-content,
.skin-vector-2022 .vector-user-menu .vector-menu-heading,
.skin-vector-2022 .vector-notifications .vector-menu-heading,
.skin-vector-2022 .vector-notifications .vector-menu-content {
    background: transparent !important;
    color: inherit !important;
    border: none !important;
}

/* Hauptmenü */
.skin-vector-2022 #vector-main-menu {
    background-color: #FFDE6C !important;
    border-top: 3px solid var(--sk-gold) !important;
    border-bottom: 3px solid var(--sk-gold) !important;
    border-left: 4px solid var(--sk-gold) !important;
    border-right: 4px solid var(--sk-gold) !important;
    border-radius: 4px !important;
    padding: 2px !important;
}

/* Header im Hauptmenü */
.skin-vector-2022 #vector-main-menu .vector-pinnable-header {
    background-color: #FFBF00 !important;
    border-bottom: 2px solid #7bb8ff !important;
}

/* Hauptmenü breiter & nach links verschoben */
.skin-vector-2022 #vector-main-menu {
    transform: translateX(-20px) !important;
}

/* ============================================================
   VECTOR‑2022 – WERKZEUGE AUSBLENDEN (wie in BlueX)
   ============================================================ */

/* Werkzeug-Menü nur im Vector-2010/2011 ausblenden */
.skin-vector-legacy #p-tb {
    display: none !important;
}

/* Werkzeugblock NUR in Vector-2022 ausblenden */
.skin-vector-2022 #p-Werkzeuge {
    display: none !important;
}