|
|
| Zeile 1: |
Zeile 1: |
| /* ============================================================
| |
| GLOBAL: Basis-CSS für alle Benutzeroberflächen
| |
| ============================================================ */
| |
|
| |
|
| /* Toolbox (p-tb) ausblenden */
| |
| #p-tb {
| |
| display: none;
| |
| }
| |
|
| |
| /* 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) */
| |
| #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 */
| |
| #p-Kontakt .vector-menu-heading::before,
| |
| #p-Perryversum .vector-menu-heading::before,
| |
| #p-Drix .vector-menu-heading::before,
| |
| #p-BlueX .vector-menu-heading::before,
| |
| #p-OutBack .vector-menu-heading::before,
| |
| #p-TS-Universum .vector-menu-heading::before,
| |
| #p-Terranian_Star .vector-menu-heading::before,
| |
| #p-Spezielles .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 */
| |
| #p-Kontakt .vector-menu-heading::before {
| |
| background-image: url("/Wiki_TS/images/f/f0/Kontakt.png");
| |
| }
| |
|
| |
| #p-Perryversum .vector-menu-heading::before {
| |
| background-image: url("/Wiki_TS/images/d/da/Icon-perry.png");
| |
| }
| |
|
| |
| #p-Drix .vector-menu-heading::before {
| |
| background-image: url("/Wiki_TS/images/a/a6/Drix.png");
| |
| }
| |
|
| |
| #p-BlueX .vector-menu-heading::before {
| |
| background-image: url("/Wiki_TS/images/0/0e/OSK.png");
| |
| }
| |
|
| |
| #p-OutBack .vector-menu-heading::before {
| |
| background-image: url("/Wiki_TS/images/8/8e/Icon-outback.png");
| |
| }
| |
|
| |
| /* KORRIGIERT: TS-Universum */
| |
| #p-TS-Universum .vector-menu-heading::before {
| |
| background-image: url("/Wiki_TS/images/c/c3/T-Star.png");
| |
| }
| |
|
| |
| /* KORRIGIERT: Terranian Star → Terranian_Star */
| |
| #p-Terranian_Star .vector-menu-heading::before {
| |
| background-image: url("/Wiki_TS/images/c/c3/T-Star.png");
| |
| }
| |
|
| |
| #p-Spezielles .vector-menu-heading::before {
| |
| background-image: url("/Wiki_TS/images/6/66/Spezielles.png");
| |
| }
| |
|
| |
| /* Werkzeuge-Icon */
| |
| #p-Werkzeuge .vector-menu-heading::before,
| |
| #p-tb .vector-menu-heading::before {
| |
| content: "🛠️";
| |
| font-size: 1em;
| |
| margin-right: 0.3em;
| |
| vertical-align: -0.1em;
| |
| }
| |
|
| |
| /* ============================================================
| |
| 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 */
| |
| #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; }
| |
| }
| |
|
| |
| /* ============================================================
| |
| Sidebar einklappbar – Vector‑2011 + Vector‑2022
| |
| ============================================================ */
| |
|
| |
| $(document).ready(function() {
| |
|
| |
| /* Vector‑2022 */
| |
| $('.mw-portlet .vector-menu-heading').each(function() {
| |
| const heading = $(this);
| |
|
| |
| // Vector‑2022: Inhalt liegt in .vector-menu-content-list
| |
| const content = heading.closest('.mw-portlet').find('.vector-menu-content-list');
| |
|
| |
| if (content.length) {
| |
| heading.css('cursor', 'pointer');
| |
|
| |
| heading.on('click', function(e) {
| |
| e.preventDefault();
| |
| e.stopPropagation();
| |
| content.slideToggle(200);
| |
| heading.toggleClass('collapsed');
| |
| });
| |
| }
| |
| });
| |
|
| |
| /* Vector‑2011 */
| |
| $('.mw-portlet h3').each(function() {
| |
| const heading = $(this);
| |
| const content = heading.next('.body');
| |
|
| |
| if (content.length) {
| |
| heading.css('cursor', 'pointer');
| |
|
| |
| heading.on('click', function() {
| |
| content.slideToggle(200);
| |
| heading.toggleClass('collapsed');
| |
| });
| |
| }
| |
| });
| |
|
| |
| });
| |
|
| |
| /* ============================================================
| |
| Vector‑2022 Hauptmenü (optional)
| |
| ============================================================ */
| |
|
| |
| #vector-main-menu {
| |
| background-color: #cfe8ff !important;
| |
| border: 2px solid #7bb8ff !important;
| |
| }
| |
|
| |
| #vector-main-menu .vector-pinnable-header {
| |
| background-color: #d9edff !important;
| |
| border-bottom: 2px solid #7bb8ff !important;
| |
| }
| |
