Fandom Focus

Restore Fandom to a clean, readable, and distraction-free layout.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Fandom Focus
// @version      2.1.6
// @description  Restore Fandom to a clean, readable, and distraction-free layout.
// @icon         https://www.fandom.com/f2/assets/favicons/favicon.ico
// @author       samerop
// @license      MIT
// @match        https://*.fandom.com/*
// @run-at       document-start
// @grant        none
// @namespace    https://greasyfork.org/users/1426714
// ==/UserScript==

(function() {
    'use strict';

    const customCss = `
        #global-explore-navigation,
        #onetrust-consent-sdk,
        .page__right-rail,
        #age-gate,
        .notifications-placeholder {
          display: none !important;
        }

        body.f2-page:not(.article-editor-body):not(.no-global-nav) {
            margin-left: 0 !important;
        }

        .main-container {
            margin-left: 0 !important;
            width: 100% !important;
        }

        .fandom-community-header__background.fullScreen {
            width: 100% !important;
        }

        .fandom-community-header__background.fitCenter {
            background-size: cover !important;
        }
    `;

    const style = document.createElement('style');
    style.textContent = customCss;
    document.documentElement.appendChild(style);
})();