MediaWiki:Common.css: Unterschied zwischen den Versionen

/* ============================================================
   GLOBAL: Basis-CSS für alle Benutzeroberflächen
   ============================================================ */
/* Globale Hintergrundfarbe Definiren */
body {
    background-color: #B0E2FF !important;
}

/* Werkzeug-Menü ausblenden */
#p-tb {
    display: none !important;
}

/* Footer-Icons */
.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;
}

/* Globale Ausblendungen */
.mw-indicators,
.mw-indicator,
.mw-helplink {
    display: none !important;
}

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

/* ============================================================
   Vector 2011 / Vector 2022 Separieren
   ============================================================ */

/* ============================================================
   Vector‑2011 – Persönliches Menü
   ============================================================ */

.skin-vector-legacy #p-personal li a {
    display: block !important;
    background: none !important;
    color: inherit !important;
    padding: 2px 4px !important;
    border: none !important;
}

.skin-vector-legacy #p-personal li a:hover {
    background: #e6e6e6 !important;
    color: #000 !important;
}

/* ============================================================
   Vector‑2011 – Sokradia-Farben für Sidebar
   ============================================================ */

.skin-vector-legacy #mw-panel .vector-menu-heading {
    background: var(--sk-gold) !important;
    color: #000 !important;
    font-weight: bold !important;
    padding: 4px 6px !important;
    border-radius: 5px !important;
}

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

.skin-vector-legacy #mw-panel .vector-menu-content {
    background: var(--sk-lightgold) !important;
    border-radius: 5px !important;
    padding: 3px !important;
}

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

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

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

#p-navigation .vector-menu-heading::before,
#p-TS-Universum .vector-menu-heading::before,
#p-Drix .vector-menu-heading::before,
#p-Extern .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;
}

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

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

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

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

/* ============================================================
   Vector‑2022 – Sidebar
   ============================================================ */

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

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

.skin-vector-2022 #mw-panel .vector-menu-heading {
    background: #FFBF00 !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: #FFDE6C !important;
    color: #000 !important;
}

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

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

.skin-vector-2022 #mw-panel .vector-menu-content {
    background: #FFDE6C !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;
}

/* ============================================================
   Vector‑2022 – 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;
}

/* ============================================================
   Vector‑2022 – Hauptmenü
   ============================================================ */

.skin-vector-2022 #vector-main-menu {
    background-color: #cfe8ff !important;
    border-top: 12px solid #FFBF00 !important;
    border-bottom: 12px solid #FFBF00 !important;
    border-left: 24px solid #FFBF00 !important;
    border-right: 24px solid #FFBF00 !important;
    border-radius: 8px !important;
    padding: 2px !important;
}

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

/* ============================================================
   VECTOR‑2011 – EINHEITLICHER SOKRADIA‑STYLE
   ============================================================ */

/* Beide möglichen Klassennamen abdecken */
.skin-vector,
.skin-vector-legacy {
    --sk-gold: #FFBF00;
    --sk-lightgold: #FFDE6C;
}

/* ============================
   Persönliches Menü reparieren
   ============================ */

.skin-vector #p-personal li a,
.skin-vector-legacy #p-personal li a {
    display: block !important;
    background: none !important;
    color: inherit !important;
    padding: 2px 4px !important;
    border: none !important;
}

.skin-vector #p-personal li a:hover,
.skin-vector-legacy #p-personal li a:hover {
    background: #e6e6e6 !important;
    color: #000 !important;
}

/* ============================
   Sidebar – Gold/Hellgold
   ============================ */

.skin-vector #mw-panel .vector-menu-heading,
.skin-vector-legacy #mw-panel .vector-menu-heading {
    background: var(--sk-gold) !important;
    color: #000 !important;
    font-weight: bold !important;
    padding: 4px 6px !important;
    border-radius: 5px !important;
}

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

.skin-vector #mw-panel .vector-menu-content,
.skin-vector-legacy #mw-panel .vector-menu-content {
    background: var(--sk-lightgold) !important;
    border-radius: 5px !important;
    padding: 3px !important;
}

/* Pfeile */
.skin-vector #mw-panel .vector-menu-heading::after,
.skin-vector-legacy #mw-panel .vector-menu-heading::after {
    content: " ▾";
    float: right;
}

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

/* ============================
   Sidebar-Rahmen wie Sokradia
   ============================ */

.skin-vector-legacy #mw-panel {
    border: 2px solid var(--sk-gold) !important;
    border-radius: 6px !important;
    padding: 6px !important;
    background: var(--sk-lightgold) !important;
}