Fandom (Clean) (Updated) by shanix

/*
==UserStyle==
@name           Fandom (Clean) (Updated)
@namespace      userstyles.world
@version        1.0.7
==/UserStyle==
*/
@-moz-document domain("fandom.com") {
    /* Yellow Sidebar */
    /* Needed to add `!important` because Fandom has added some Javascript element that will change the style of the WikiaBar which will cause it to reappear. */
    .global-navigation,
    #Wikiabar {
        display: none !important;
    }

    .main-container {
        margin: 0;
        width: inherit;
    }

    .fandom-sticky-header {
        left: 0;
        margin: 0 auto;
        max-width: 100%;
        /*   width: 87%; */
    }

    .resizable-container {
        margin: 0 auto;
        max-width: 80%;
        width: calc(100% - 50px);
    }

    /* Block ugly stuff */
    .mcf-wrapper {
        display: none;
    }

    .wds-global-footer {
        display: none;
    }

    .wikia-bar-anon.wikia-bar {
        display: none;
    }

    .is-visible.fandom-sticky-header {
        display: none;
    }

    .is-loading.top-leaderboard.ad-slot-placeholder {
        display: none;
    }

    .page__right-rail {
        display: none;
    }

    .global-navigation {
        display: none;
    }

    .global-footer__content {
        display: none;
    }

    /* Hiding "Related Community" stuff */
    /* For this and the below rule, I know that using "!important" is generally bad, however I'm too lazy to figure out how to get around the higher level rule Fandom has implemented.  So screw it, this is important. */
    .unified-search__layout__right-rail {
        display: none !important;
    }

    /* Hiding the link below each article.  That's what the hyperlink before is for. */
    .unified-search__result__link {
        display: none !important;
    }

    /* Hiding "Others like you also viewed" */
    .render-wiki-recommendations {
        display: none;
    }

    /* Fix layout */
    .main-container {
        margin: 0;
        width: 100%;
    }


    /* Fix search bar */
    .search-modal::before {
        background-color: transparent;
        animation: none;
    }

    .search-modal {
        display: block;
        position: absolute;
        left: 0;
        pointer-events: none;
    }

    .search-modal .wds-button {
        display: none;
    }

    .search-modal__content {
        position: absolute;
        animation: none;
        background-color: transparent;
        border: none;
        min-height: 0;
        top: 60px;
        right: 110px;
        box-shadow: none;
        pointer-events: auto;
    }

    .search-modal__content > form > input {
        color: #fff;
    }

    .search-modal__content > form {
        border-bottom: solid #ffffff08;
    }

    .search-modal__content > form > svg {
        color: #ffffff08;
    }

    .search-modal__content > ul {
        background-color: #151515;
    }

    .search-modal__content > ul > li > a:hover {
        border-radius: 0 !important;
        text-decoration: none !important;
        color: #fff !important;
        background-color: #202020 !important;
    }

    .search-modal__content > ul > li > a {
        color: #fff !important;
    }

    /* Remove batch */
    .official-wiki-badge {
        display: none;
    }

    .wds-banner-notification__container {
        display: none;
    }

    /* Remove Survey Module */
    #SurveyModule {
        display: none;
    }

    /* Remove the helpfully nammed marketing notifications  */
    .marketing-notifications {
        display: none;
    }

    /* Remove "GameSpot Expert Reviews" from wiki pages.  What the _fuck_? */
    .reviews {
        display: none;
    }

    /* Remove Wiki Discord on main page */
    #portal_discord {
        display: none;
    }

    /* Remove highlight popup window */
    #highlight__main-container {
        display: none;
    }
    
    /* Remove left navigation bar */
    #global-explore-navigation {
        display: none;
    }
    
    /* Because they've moved the search bar to the new top bar,
       we can't easily remove it and call it a day, not without
       removing that functionality.  It would be possible to
       move the search bar to the old position using Javascript
       (likely via Tampermonkey), but for just CSS manipulation
       we're limited to enabling/disabling.
       So I'm leaving this here, commented out, just to
       acknowledge it.
    */
    /*
    #global-top-navigation {
        display: none;
    }
    */
}