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

Rahmen Hauptmenu in common.css

/* Hauptmenü-Rahmen wie in Sokradia */

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

}

common.js

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

  GLOBAL: Basis-CSS für alle Benutzeroberflächen
  ============================================================ */

/* Hintergrund der Sidebar-Überschriften wechselnd */ /* Farbe offen */ .vector-menu-heading { 

   background: #FFBF00  !important;   /* Gold */
   color: #000 !important;
   font-weight: bold !important;
   transition: background 0.2s ease;

}

/* Farbe Eingeklappt */ .vector-menu-heading.collapsed { 

   background: #FFDE6C !important;   /* Hellgold */
       color: #000 !important;
       font-weight: normal !important;

}

/* Toolbox (p-tb) ausblenden */

  1. p-tb {
   display: none !important;

}

/* Footer-Logo (Zeitlos) – Abstand & Ausrichtung */ .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;

}

/* Hintergrundfarben (Seitenrahmen) */

  1. mw-page-base,

body { 

   background-color: #B0E2FF;

}

/* MediaWiki-Hilfe-Links ausblenden */ .mw-indicators, .mw-indicator, .mw-helplink { 

   display: none !important;

}

/* TOC-Limiter */ .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 (Vector‑2011 & Vector‑2022)
  ============================================================ */

/* Gemeinsame Icon-Basis */

  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;

}

/* Individuelle Icons */

  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");

}

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

  SIDEBAR-DESIGN (Vector‑2022)
  ============================================================ */

nav#mw-panel.mw-sidebar { 

   background-color: #FFBF00 !important;
   padding: 12px !important;
   border-radius: 6px !important;
   border: 1px solid #d6c48a !important;

}

nav#mw-panel.mw-sidebar .vector-menu-portal { 

   background-color: #FFDE6C !important;
   border-radius: 4px !important;
   padding: 6px !important;

}

/* Sidebar-Header */

  1. vector-sidebar .vector-menu-heading {
   background-color: #FFD766 !important;
   border-bottom: 2px solid #d6a300 !important;

}

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

  EINKLAPPBARE SIDEBAR (für Common.js)
  ============================================================ */

.mw-portlet h3, .mw-portlet .vector-menu-heading { 

   cursor: pointer;
   user-select: none;

}

.mw-portlet h3::after, .mw-portlet .vector-menu-heading::after { 

   content: " ▾";
   float: right;

}

.mw-portlet h3.collapsed::after, .mw-portlet .vector-menu-heading.collapsed::after { 

   content: " ▸";

}

.mw-portlet .body { 

   padding-left: 5px;

}

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

  THUMBNAIL-OPTIK (Sokrates-Effekt)
  ============================================================ */

.cdx-menu-item__thumbnail, .cdx-thumbnail__image, .cdx-thumbnail__placeholder { 

   width: 50px !important;
   height: 50px !important;
   background-position: center !important;
   background-size: contain !important;

}

/* Artikel OHNE Bild → Sokrates-Nebel */ .cdx-thumbnail__placeholder { 

   background-image: url("/Wiki_BlueX/images/c/c6/Sokratesicon.png") !important;
   opacity: 0.35 !important;
   filter: blur(1.2px) brightness(1.4) contrast(0.7) !important;

}

/* Artikel MIT Bild → normales Bild */ .cdx-thumbnail__image { 

   filter: none !important;
   opacity: 1 !important;

}

/* Begriffsklärung → harte Aura */ .cdx-menu-item[title*="Begriffsklärung"] .cdx-thumbnail__placeholder { 

   opacity: 1 !important;
   filter: none !important;
   animation: pulseAura 3.2s ease-in-out infinite;

}

/* Aura-Puls */ @keyframes pulseAura { 

   0% { transform: scale(1); opacity: 1; }
   50% { transform: scale(1.06); opacity: 0.95; }
   100% { transform: scale(1); opacity: 1; }

}

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

  Vector‑2022 Hauptmenü (optional)
  ============================================================ */
  1. vector-main-menu {
   background-color: #cfe8ff !important;
   border: 2px solid #7bb8ff !important;

}

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

}

/* Sidebar-Header: Kompass/Info-Icon */

  1. vector-sidebar .vector-menu-heading::before {
   content: "";
   display: inline-block;
   width: 1.4em;
   height: 1.4em;
   margin-right: 0.4em;
   background-image: url("/resources/src/mediawiki.skinning/images/help.svg");
   background-size: contain;
   background-repeat: no-repeat;
   vertical-align: -0.2em;

}

  1. p-MW-Links .vector-menu-heading::before {
   content: "";
   display: inline-block;
   width: 1.4em;
   height: 1.4em;
   margin-right: 0.4em;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23000'%3E%3Cpath d='M14 3h3v3h-2V5h-1V3zm-1 1v2h2v8H5V5h8V4H4v12h12V4h-3zM8 8h4v1H9v3H8V8z'/%3E%3C/svg%3E");
   background-size: contain;
   background-repeat: no-repeat;
   vertical-align: -0.2em;

}

/* Werkzeugkasten-Icon (Zahnrad, inline SVG, MW 1.45.3 kompatibel) */

  1. p-Werkzeuge .vector-menu-heading::before {
   content: "";
   display: inline-block;
   width: 1.4em;
   height: 1.4em;
   margin-right: 0.4em;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23000'%3E%3Cpath d='M12.94 2.34l.26 1.52a6.97 6.97 0 011.5.87l1.4-.6 1.06 1.84-1.14.93c.1.33.18.67.24 1.02l1.43.6-.4 2.1-1.52.26a6.97 6.97 0 01-.87 1.5l.6 1.4-1.84 1.06-.93-1.14a6.97 6.97 0 01-1.02.24l-.6 1.43-2.1-.4-.26-1.52a6.97 6.97 0 01-1.5-.87l-1.4.6-1.06-1.84 1.14-.93a6.97 6.97 0 01-.24-1.02l-1.43-.6.4-2.1 1.52-.26c.2-.54.5-1.04.87-1.5l-.6-1.4 1.84-1.06.93 1.14c.33-.1.67-.18 1.02-.24l.6-1.43 2.1.4zm-2.94 4.16a3.5 3.5 0 100 7 3.5 3.5 0 000-7z'/%3E%3C/svg%3E");
   background-size: contain;
   background-repeat: no-repeat;
   vertical-align: -0.2em;

}

/* Basis: Alle Sidebar-Überschriften bekommen einen Pfeil */ .vector-menu-heading { 

   position: relative;
   padding-right: 18px; /* Platz für den Pfeil */

}

/* Gesamter Sidebar-Block leicht abgerundet */ .vector-menu { 

   border-radius: 5px 5px 5px 5px !important;
   overflow: hidden;

}

/* Header oben leicht abgerundet */ .vector-menu-heading { 

   border-radius: 5px 5px 5px 5px !important;

}

/* Inhalt unten leicht abgerundet */ .vector-menu-content { 

   border-radius: 5px 5px 5px 5px !important;

}

/* Links im Inhalt ebenfalls leicht abrunden */ .vector-menu-content-list li a { 

   border-radius: 3px !important;
   padding: 2px 2px;

}

/* Inhalt unten abrunden + Hintergrund sichtbar machen */ .vector-menu-content { 

   background: #FFDE6C; /* oder eine andere Farbe */
   border-radius: 5px 5px 5px 5px !important;
   padding: 2px;

}

/* Header kompakter */ .vector-menu-heading { 

   padding: 4px 6px !important;

}

/* Inhalt kompakter */ .vector-menu-content { 

   margin: 0 !important;
   padding: 3px !important;

}

/* Abstand zwischen den Sidebar-Blöcken reduzieren */ .vector-menu-portal { 

   margin: 4px 0 !important;

}

/* Pfeil rechts etwas näher */ .vector-menu-heading { 

   padding-right: 12px !important;

}

/* Hauptmenü-Rahmen wie in Sokradia – NUR für das linke Hauptmenü */

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