MediaWiki:Common.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

body {
    background-color: #060e12;
        padding-top: 3.5rem;

    background-image:
        radial-gradient(
            ellipse 10% 100% at calc(50% - 800px) center, /* links außen */
            #112733 20%,
            #060e12 75%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 10% 100% at calc(50% + 800px) center, /* rechts außen */
            #112733 20%,
            #060e12 75%,
            transparent 100%
        );

    background-repeat: no-repeat;
    background-size: auto 100%, auto 100%;
    background-attachment: fixed;
}


.mw-page-container {
    background-color: #060e1275 !important;

/*    background-image:
        radial-gradient(
            ellipse 15% 100% at left center,   
            #112733 20%,
            #060e12 75%,
            transparent 100%
        ),
        radial-gradient(
            ellipse 15% 100% at right center,  
            #112733 20%,
            #060e12 75%,
            transparent 100%
        );
*/
    background-repeat: no-repeat !important;
    background-size: 100% 100%, 100% 100%;  

    border-radius: 20px !important;
    padding: 20px !important;
    margin: 0 auto !important;
    max-width: 1600px;
}

.mw-page-container .mw-content-container {
    background: transparent !important;
}

/* eigener Sticky-Header */
#pixo-custom-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    z-index: 1000;
    background-color: #060e12f0;
    backdrop-filter: blur(8px);
    border-bottom: 1px solid #112733;
}

/* Zentrierter Block für Logo + TItel */
#pixo-custom-header-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: .5rem;
}

/* Links: Suche-Icon / Search-Trigger */
#pixo-custom-header-left {
    display: flex;
    align-items: center;
    gap: .5rem;
}

/* Rechts: User-Menü / Login-Icons */
#pixo-custom-header-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: .75rem;
}

/* einfache Icon-Buttons */
.pixo-header-icon {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #e5f3ff;
    background: #112733;
}

.pixo-header-icon:hover {
    background: #183646;
}

/*   =============== 
     Module Ausblenden
     ===============   */

.vector-column-end,
.vector-main-menu-container,
.vector-sticky-pinned-container,
.vector-typeahead-search-container,
.vector-sticky-header,
.vector-sticky-header-container,
.vector-header,
.vector-page-toolbar,
#vector-sticky-header{
    display: none !important;
}
/* Verhindern, dass der Body den sticky header per Klasse einblendet */
.client-js.vector-sticky-header-visible .vector-sticky-header-container {
    display: none !important;
}
/* Footer ausblenden */
/*#footer {
    display: none !important;
}*/

/* Hilfemenü und andere Tabs ausblenden */
/*#n-help,
#p-tb .new,
#p-views .mw-editsection-visualeditor {
    display: none !important;
}*/