cleanCssTricksAds

clean css-tricks.com ads

スクリプトをインストールするには、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         cleanCssTricksAds
// @namespace    http://tampermonkey.net/
// @version      0.16
// @description  clean css-tricks.com ads
// @author       [email protected]
// @match        *.css-tricks.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=css-tricks.com
// @grant        none
// @license      MIT
// @run-at       document-body
// ==/UserScript==

(function() {
    'use strict';
    let css = `
        .page-wrap header.mega-header{padding:0}
        .page-wrap .articles-and-sidebar{grid-template-columns:minmax(0,1fr)}
        .page-wrap .header-sponsor-grid{grid-template-columns:1fr}
        .page-wrap .entry-unrelated.sidebar,
        .page-wrap .popular-articles > .popular-header,
        .page-wrap .header-sponsor-grid .header-sponsor,
        .page-wrap .site-note
        {display:none!important}
        .page-wrap .mega-header > p,
        .page-wrap .header-sponsor-grid .header-text .header-intro,
        .page-wrap .header-sponsor-grid .header-text .header-intro p,
        .page-wrap .article-content > p
        {max-width:unset}
        footer.site-footer{margin:calc(var(--gap)*3) 0 0 0}
    `;
    let style = document.createElement('style');
    style.innerText = css;
    document.body.previousElementSibling.appendChild(style);
})();