// ==UserScript==
// @name         cleanCssTricksAds
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  clean css-tricks.com ads
// @author       mooring@codernotes.club
// @match        *.css-tricks.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=css-tricks.com
// @grant        none
// @license      MIT
// @run-at       document-end
// @downloadURL none
// ==/UserScript==

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