|
|
| Zeile 45: |
Zeile 45: |
|
| |
|
| ==common.js == | | ==common.js == |
| /* in Vector2022 einklappen erzwingen*/ | | /* Vector‑2022 – Hauptmenü breiter machen */ |
| $(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 { | | .skin-vector-2022 #vector-main-menu { |
| background-color: #cfe8ff !important; | | width: 200px !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;
| |
| } | | } |
| -----
| |
