Anime News Network Layout Fix

Centers the homepage content
目前为 2025-03-23 提交的版本。查看最新版本。
Wrap lines
// ==UserScript==
// @name         Anime News Network Layout Fix
// @namespace    
// @version      1.0
// @description  Centers the homepage content
// @author       Stewart Saddler
// @match        https://www.animenewsnetwork.com/*
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    // Inject custom styles for layout cleanup and centering
    const style = document.createElement('style');
    style.textContent = `
        /* Center the middle-area container */
        .middle-area {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
        }

        /* Set max-width for readability */
        #main {
            width: auto !important;
            max-width: 1800px !important;
        }

        /* Center mainfeed content block */
        #mainfeed {
            margin: 0 auto !important;
            float: none !important;
        }
    `;
    document.head.appendChild(style);

    // Run DOM modifications after page fully loads
    window.addEventListener('load', () => {
        // Move the #menu to the top of <body>
        const menu = document.getElementById('menu');
        if (menu) {
            document.body.insertBefore(menu, document.body.firstChild);
        }

        // Remove the #footer element
        const footer = document.getElementById('footer');
        if (footer && footer.parentNode) {
            footer.parentNode.removeChild(footer);
        }
    });
})();