Zum Inhalt springen

Benutzer:Gerard

Aus TerranianStar

Alte Mediawiki Sidebar konfig

  • Navigation
    • mainpage-description|Terranian Star
    • Hilfe:Handbuch|Handbuch
    • Hilfe:FAQ|FAQ
  • SEARCH
  • USER-SIDEBAR
  • 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;

}

Abgerufen von „https://cc-zeitlos.synology.me/Wiki_TS/index.php?title=Benutzer:Gerard&oldid=813“