Greasy Fork

Greasy Fork is available in English.

Animetosho Mobile

Makes Animetosho mobile-friendly

当前为 2023-02-08 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name        Animetosho Mobile
// @namespace   http://animetosho.org/
// @description Makes Animetosho mobile-friendly
// @include     http://animetosho.org/*
// @version     1.0
// @grant       none
// ==/UserScript==

(function() {
  var head = document.head;
  var link = document.createElement("link");
  link.type = "text/css";
  link.rel = "stylesheet";
  link.href = "https://cdn.jsdelivr.net/gh/jh3y/detect-scrollbar-width/detect-scrollbar-width.css";
  head.appendChild(link);

  var style = document.createElement("style");
  style.innerHTML = `
    * {
      box-sizing: border-box;
    }

    body {
      padding: 0;
      margin: 0;
    }

    #header {
      display: none;
    }

    #container {
      width: 100%;
      padding: 0 10px;
      box-sizing: border-box;
    }

    #content {
      width: 100%;
      padding: 10px 0;
    }

    #sidebar {
      display: none;
    }

    .post {
      width: 100%;
      margin: 0;
      padding: 10px;
      box-sizing: border-box;
    }

    .post h2 {
      font-size: 16px;
    }

    .post .details {
      font-size: 12px;
    }

    .post .thumbnail {
      width: 100%;
      height: auto;
    }
  `;
  document.body.appendChild(style);
})();