Breezewiki (Marginally Better Edition) by Whey

/* ==UserStyle==
@name           Breezewiki (Marginally Better Edition)
@namespace      github.com/openstyles/stylus
@version        0.1.0
@description    marginally better breezewiki
@author         Whey
==/UserStyle== */
@-moz-document regexp(".*wiki.*") {
    /* Insert code here... */
    body[class = "skin-fandomdesktop"] {
        background: hsl(0, 0%, 20%);
        .page .page__main {
            background: hsl(0, 0%, 70%);
        }
    }
    html body.mediawiki[class *= "fandom"], html body.skin-fandomdesktop {
        & {
            font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
        }
        > div[class = "main-container"] {
            > div[class *= "fandom-community-header"] {
                background-size: cover;
                height: 250px;  
                margin-bottom: calc(var(--header-background-image-height, 160px)*(-1));
            }
            &:before {
                position: absolute;
                margin-top: 30px;
                display: flex;
                align-items: center;
                justify-items: center;
                justify-content: center;
                content: "Breezewiki (Marginally Better Edition)";
                color: grey/*var(--theme-page-text-color)*/;
                font-family: "Source Sans Pro", "Segoe UI", sans-serif;
                font-size: 48px;
                font-weight: bold;
                line-height: 1.5;
                width: 100%;
            }
            > .page {
                max-width: 1344px/*70dvw*/;
                margin-left: auto;
                margin-right: auto;
                > .page__main {
                    padding: 2vw;
                    > .custom-top {
                        flex-direction: row;
                        gap: 0;
                        > h1 {
                            width: 75%;
                            min-width: 75%;
                            max-width: 75%;
                        }
                        > nav {
                            width: 23%;
                            min-width: 23%;
                            max-width: 23%;
                        }
                    }
                    > #content {
                        .mw-parser-output {
                            > aside, > table.infobox {
                                width: 23%;
                                min-width: 23%;
                                max-width: 23%;
                                /*
                            > &:nth-child(1){
                                border-top-left-radius: 3px !important;
                                border-top-right-radius: 3px !important;
                                overflow: clip !important;
                                display: flex;
                            }*/
                                > h1, > h2, > h3, > h4, > h5, > h6 {
                                    margin: 0;
                                }
                                &:nth-last-of-type(1) {
                                    margin-bottom: 100px;
                                }
                            }
                        }
                    }
                    > .custom-footer {
                        border-top: 1px solid grey;
                        margin-top: 100px;
                    }
                }
            }/*
            .fandom-community-header__background.fitCenter.fullScreen::before, .fandom-community-header__background.fitTopLeft.fullScreen::before, .fandom-community-header__background.fitTopRight.fullScreen::before, .fandom-community-header__background.header::before {
                background: transparent;
            }*/
        }
        > div.bw-top-banner {
            visibility: hidden;
            display: none;
        }
        div[class = "page"] {
            margin: 2vw 8vw 4vw 8vw;
            main {}
        }
        h1 {
            font-weight: 500;
            border-bottom: 1px solid grey;
        }
        h2 {}

        .bw-theme__select {
            display: flex;
            .bw-theme__main-label {
                display: none;
            }
            .bw-theme__items {
                flex-grow: 1;
                > a {
                    flex-grow: 1;
                    padding-left: 8px;
                    padding-right: 8px;
                    * {
                        flex-grow: 1;
                    }
                }
            }
        }
    }
}