Zum Inhalt springen

MediaWiki:Common.css

Aus Pixopedia

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;
}


/*   =============== 
     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;
}*/