|
|
| Zeile 1: |
Zeile 1: |
| /* Ausgeblendete Elemente */
| |
| #vector-appearance,
| |
| #vector-appearance-dropdown,
| |
| #mw-navigation,
| |
| #catlinks,
| |
| #mw-normal-catlinks,
| |
| #pt-createaccount-2,
| |
| #pt-login-2,
| |
| #ca-talk,
| |
| #ca-unwatch,
| |
| #ca-watch,
| |
| #ca-edit-sticky-header,
| |
| #ca-ve-edit-sticky-header,
| |
| #pt-watchlist-2,
| |
| #ca-talk-sticky-header,
| |
| #ca-history-sticky-header,
| |
| #ca-watchstar-sticky-header,
| |
| #ca-subject-sticky-header,
| |
| #ca-viewsource-sticky-header,
| |
| #ca-addsection-sticky-header,
| |
| nav.vector-appearance-landmark,
| |
| .vector-column-start,
| |
| .vector-main-menu-container,
| |
| .vector-column-end,
| |
| .vector-sticky-pinned-container,
| |
| .vector-header.mw-header,
| |
| .vector-page-tools-dropdown,
| |
| .vector-page-toolbar-container,
| |
| .vector-sticky-header-icon-start.vector-button-flush-left.vector-button-flush-right,
| |
| .cdx-button.cdx-search-input__end-button,
| |
| .mw-body-header.vector-page-titlebar,
| |
| .catlinks,
| |
| .footer-info-lastmod,
| |
| .mw-navigation,
| |
| .mw-logo-container,
| |
| .mw-normal-catlinks {
| |
| display: none !important;
| |
| }
| |
|
| |
|
| /* Klassen (.class) */
| |
| .mw-page-container,
| |
| .mw-page-container-inner {
| |
| background: transparent !important;
| |
| }
| |
|
| |
| /* Einzelne Klasse überschreiben */
| |
| .mw-page-container-inner {
| |
| display: block !important;
| |
| }
| |
|
| |
| /* Search-bar ohne Rahmen und Transparent */
| |
| .vector-typeahead-search-container,
| |
| .vector-typeahead-search-container .cdx-search-input,
| |
| .vector-typeahead-search-container .cdx-text-input {
| |
| background-color: unset !important;
| |
| border: none !important;
| |
| box-shadow: none !important;
| |
| max-width: 6vw;
| |
| width: 6vw;
| |
| }
| |
|
| |
| /* Formular selbst durchsichtig lassen */
| |
| .vector-sticky-header #vector-sticky-search-form,
| |
| form#vector-sticky-search-form {
| |
| background-color: unset !important;
| |
| }
| |
|
| |
| /* Inneres Input wirklich neutral machen */
| |
| .vector-sticky-header #vector-sticky-search-form .cdx-text-input__input {
| |
| background-color: unset !important;
| |
| }
| |
|
| |
| /* Falls du auch den Wrapper durchsichtig willst */
| |
| .vector-sticky-header #vector-sticky-search-form .cdx-text-input,
| |
| .vector-sticky-header #vector-sticky-search-form .cdx-search-input__input-wrapper {
| |
| background-color: unset !important;
| |
| }
| |
|
| |
|
| |
| /* =================
| |
| Sticky-Header
| |
| ================= */
| |
| /* Sticky-Header als Hauptheader oben fixieren */
| |
| .client-js.vector-sticky-header-enabled .vector-sticky-header-container {
| |
| position: fixed;
| |
| top: 0;
| |
| left: 0;
| |
| right: 0;
| |
| z-index: 1000;
| |
| display: flex !important;
| |
| transform: translateY(0);
| |
| opacity: 1;
| |
| }
| |
|
| |
| /* Sticky-Header-Layout: drei Spalten */
| |
| .vector-sticky-header {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: space-between;
| |
| }
| |
|
| |
| /* neue Mittel-Spalte: Logo + Titel zentriert */
| |
| .pixo-sticky-center {
| |
| flex: 1 1 auto;
| |
| display: flex;
| |
| justify-content: center; /* horizontal zentriert */
| |
| align-items: center; /* vertikal zentriert */
| |
| }
| |
|
| |
| /* optional: linke und rechte Bereiche nicht zu breit werden lassen */
| |
| .vector-sticky-header-start,
| |
| .vector-sticky-header-end {
| |
| flex: 0 0 auto;
| |
| }
| |
|
| |
| /* Platz für den fixen Header schaffen (Höhe anpassen) */
| |
| .mw-page-container {
| |
| padding-top: 4.5rem; /* an reale Header-Höhe anpassen */
| |
| }
| |
|
| |
| /* Logo/Titel im Sticky-Header etwas kompakter */
| |
| .pixo-sticky-logo .mw-logo-icon {
| |
| height: 40px;
| |
| width: 40px;
| |
| }
| |
|
| |
| /* Anker-Sprünge nicht vom Header überdecken */
| |
| body.vector-sticky-header-visible {
| |
| scroll-padding-top: 4.5rem;
| |
| }
| |
|
| |
| /* Icon im Vector-2022-Logo austauschen */
| |
| .mw-logo-icon {
| |
| content: url("/resources/assets/wip-logo.png");
| |
| width: 200px !important;
| |
| height: 60px !important;
| |
| margin: 0px !important;
| |
| }
| |
|
| |
| /* Suchleiste im Sticky-Header auf 40% der Headerbreite begrenzen */
| |
| .vector-sticky-header #vector-sticky-search-form {
| |
| max-width: 7vw; /* oder z.B. 400px */
| |
| width: 7vw;
| |
| background-color: #10141842 !important;
| |
| box-shadow: none !important;
| |
| }
| |
|
| |
| /* Input füllt den Formular-Container, aber nicht mehr */
| |
| .vector-sticky-header #vector-sticky-search-form .cdx-text-input__input {
| |
| width: 45%;
| |
| }
| |
|
| |
| /* =====================
| |
| Infobox nach Rechts rücken
| |
| ===================== */
| |
| .mw-content-container .mw-body .hunt-infobox {
| |
| float: right;
| |
| width: 270px;
| |
| font-size: 90%;
| |
| margin: 0 -2.5rem 1.5rem 1.5rem;
| |
| }
| |
|
| |
|
| |
|
| |
| /* ==================
| |
| Funktionen Einblenden
| |
| ================== */
| |
| .vector-search-box-vue.vector-search-box-show-thumbnail.vector-search-box {
| |
| display: block !important;
| |
| }
| |
|
| |
| .pixo-sticky-logo .mw-logo-wordmark {
| |
| font-size: 1.4rem;
| |
| margin-left: 0.5rem;
| |
| }
| |
