Benutzer:Gerard

Alte Mediawiki Sidebar konfig

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

MW-Links

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

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;

}