Benutzer:Gerard

Alte Mediawiki Sidebar konfig

• Navigation
  • mainpage-description|Terranian Star
  • Hilfe:Handbuch|Handbuch
  • Hilfe:FAQ|FAQ

• MW-Links
  • https://cc-zeitlos.synology.me/mediawiki/index.php/Sokradia%7CPerryversum
  • https://cc-zeitlos.synology.me/mediawiki/index.php/Kategorie:OutBack%7COutback
  • https://cc-zeitlos.synology.me/Wiki_BlueX/index.php/BlueX-Universum%7CBlueX Universum

• SEARCH
• USER-SIDEBAR

• Kontakt
  • http://www.cc-zeitlos.de%7CWebseite CC-Zeitlos
  • mailto:sokradia@gmail.com%7CAdmin der Sokradia

• Drix
  • Kategorie:Drix|Drix
  • Kategorie:Drix Glossar|Drix Glossar

• Terranian Star
  • Kategorie:Terranian Star|TS-Universum
  • Kategorie:Terranian Star Glossar|TS Glossar

• Spezielles
  • Spezial:E-Mail_senden|E-Mail versenden

• Werkzeuge
  • Spezial:Linkliste|Links auf diese Seite
  • Spezial:Hochladen|Datei hochladen
  • Spezial:Spezialseiten|Spezialseiten
  • Spezial:Druckversion|Druckversion
  • Spezial:Seiteninformationen|Seiteninformationen
  • Kategorie:Textbausteine|Textbausteine
  • Spezial:Letzte_Änderungen|Letzte Änderungen
  • Spezial:Alle_Seiten|Alle Seiten
  • Spezial:Zufällige_Seite|Zufällige Seite
  • Spezial:Änderungen|Änderungen an verlinkten Seiten
  • Spezial:Permanenter_Link|Permanenter Link
  • Spezial:Zitierhilfe|Seite zitieren

common.js

/* in Vector2022 einklappen erzwingen*/ $(document).ready(function () {

   // Warten bis Vector alles gerendert hat
   setTimeout(function () {
       $('.mw-portlet').each(function () {
           const portlet = $(this);
           const id = portlet.attr('id');

           // Navigation NICHT automatisch zuklappen
           if (id === 'p-navigation') return;

           const heading = portlet.find('.vector-menu-heading');
           const content = portlet.find('.vector-menu-content');

           if (!heading.length || !content.length) return;

           // Vector setzt manchmal hidden="" → entfernen
           content.removeAttr('hidden');

           // Beim Laden zu
           content.hide();
           heading.addClass('collapsed');

           // Klick-Handler
           heading.on('click', function (e) {
               e.preventDefault();

               // hidden="" entfernen, falls Vector es wieder setzt
               content.removeAttr('hidden');

               content.slideToggle(10);
               heading.toggleClass('collapsed');
           });
       });
   }, 2); // 10ms = sicher nach Vector-Rendering

});

common.css

/* ============================================================

  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)
  ============================================================ */

1. p-navigation .vector-menu-heading::before,
2. p-TS-Universum .vector-menu-heading::before,
3. p-Drix .vector-menu-heading::before,
4. 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;

}

1. p-navigation .vector-menu-heading::before {

   background-image: url("/Wiki_TS/images/f/f0/Kontakt.png");

}

1. p-TS-Universum .vector-menu-heading::before {

   background-image: url("/Wiki_TS/images/c/c3/T-Star.png");

}

1. p-Drix .vector-menu-heading::before {

   background-image: url("/Wiki_TS/images/a/a6/Drix.png");

}

1. 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;

}

---