Fandom Focus

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

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
// ==UserScript==
// @name         Fandom Focus
// @version      2.1.5
// @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://greatest.deepsurf.us/users/1426714
// ==/UserScript==

(function() {
    'use strict';

    const customCss = `
        #global-explore-navigation,
        #onetrust-consent-sdk,
        .page__right-rail,
        .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);
})();