Web Annoyances -- CSS

/* I apply this in Stylus to *ALL* websites.
 * It removes various annoying crap, with minimal breakage (though no guarantees.)
 */


/* Generally annoying shit */

[id*="adpayload"],
[id*="myModal"],
a[href*="revcontent.com"],
a[href*="taboola.com"] {
    display: none !important;
}

/* Cookie crap */
[class*="cookieChoice"], [id*="cookieChoice"],
[class*="cookiePolicy"], [id*="cookiePolicy"],
[class*="catapult-cookie-bar"], [id*="catapult-cookie-bar"],
[class*="cookie-warning"], [id*="cookie-warning"],
[class*="cookies-policy"], [id*="cookies-policy"] {
    display: none;
}

/* Share crap */
amp-social-share,
.topbar-stay-informed,
.widget.social,
[class*="article__sharing"], [id*="article__sharing"],
[class*="content-share"], [id*="content-share"],
[class*="follow-bar"], [id*="follow-bar"],
[class*="follow_us"], [id*="follow_us"],
[class*="header-share"], [id*="header-share"],
[class*="Layout__social"], [id*="Layout__social"],
[class*="module-share"], [id*="module-share"],
[class*="post-share"], [id*="post-share"],
/* [class*="sharing"], [id*="sharing"], */
/* [class*="social"], [id*="social"], */
[class*="ReaderControls"], [id*="ReaderControls"],
[class*="sharebar"], [id*="sharebar"],
[class*="shareBar"], [id*="shareBar"],
[class*="share-bar"], [id*="share-bar"],
[class*="share-block"], [id*="share-block"],
[class*="share-button"], [id*="share-button"],
[class*="shareIcon"], [id*="shareIcon"],
[class*="share-icon"], [id*="share-icon"],
[class*="shareItem"], [id*="shareItem"],
[class*="share-kit"], [id*="share-kit"],
[class*="share-list"], [id*="share-list"],
[class*="share__list"], [id*="share__list"],
[class*="share-widget"], [id*="share-widget"],
[class*="ShareWidget"], [id*="ShareWidget"],
[class*="sharewrapper"], [id*="sharewrapper"],
[class*="share-container"], [id*="share-container"],
[class*="share-tool"], [id*="share-tool"],
[class*="sharing-buttons"], [id*="sharing-buttons"],
[class*="sharelink"], [id*="sharelink"],
[class*="sharing-display"], [id*="sharing-display"],
[class*="sharingtb"], [id*="sharingtb"],
[class*="sharingtoolbar"], [id*="sharingtoolbar"],
[class*="sharingrow"], [id*="sharingrow"],
[class*="social-blocks"], [id*="social-blocks"],
[class*="social-button"], [id*="social-button"],
[class*="social-container"], [id*="social-container"],
[class*="social-icon"], [id*="social-icon"],
[class*="social-inline"], [id*="social-inline"],
[class*="social_inline"], [id*="social_inline"],
[class*="social-kit"], [id*="social-kit"],
[class*="social-link"], [id*="social-link"],
[class*="social-list"], [id*="social-list"],
[class*="social-media-menu"], [id*="social-media-menu"],
[class*="social-menu"], [id*="social-menu"],
[class*="social-options"], [id*="social-options"],
[class*="social-row"], [id*="social-row"],
[class*="social-scroll"], [id*="social-scroll"],
[class*="social-share"], [id*="social-share"],
[class*="social-sharing"], [id*="social-sharing"],
[class*="social-sidebar"], [id*="social-sidebar"],
[class*="social_sidebar"], [id*="social_sidebar"],
[class*="social-siderail"], [id*="social-siderail"],
[class*="social_sticky"], [id*="social-sticky"],
[class*="social_sticky"], [id*="social_sticky"],
[class*="social-tool"], [id*="social-tool"],
[class*="social_widget"], [id*="social_widget"],
[class*="social-wrap"], [id*="social-wrap"],
[class*="social-wrp"], [id*="social-wrp"],
[class*="socialPanel"], [id*="socialPanel"],
[class*="socials"], [id*="socials"],
[class*="targeted-share"], [id*="targeted-share"],
[class*="toaster"],[id*="toaster"],
[class*="the_champ_sharing"], [id*="the_champ_sharing"],
[class*="facebook-page-plugin"], [id*="facebook-page-plugin"] {
    display: none;
    outline: 4px solid red;
}

/* Trying this -- 2018-01-23 */
[class="header"] [class*="social"],
[id="header"] [id*="social"] {
    display: none;
}

/* Ads, by adloader status */
aside [data-role*="adloader"] {
    display: none !important;
    background: #fcc
}

/* Interstitial nags */

[class*="promotion-inset"], [id*="promotion-inset"] {
    display: none;
}

/* Newsletter / email reqs */
[class*="embed_signup"], [id*="embed_signup"],
[class*="email-newsletter"], [id*="email-newsletter"],
[class*="newsletter-signup"], [id*="newsletter-signup"],
[class*="nudge"], [id*="nudge"] {
    display: none;
}

/* Upsell crap */
[class*="upsell"], [id*="upsell"],
[class*="Upsell"], [id*="Upsell"],
[class*="UpSell"], [id*="UpSell"] {
    display: none;
}

/* Spinners */
[class*="spinner"], [id*="spinner"] {
    display: none;
}

/* Horizontal scrollbars.  WTF asshats? */
[class*="progress-bar"], [id*="progress-bar"],
[class*="wtr-progress"], [id*="wtr-progress"] {
    display: none;
}


/* gifs: So, it has come to this ... (xkcd) */

img[src$=".gif"] {
    opacity: 0;
    transition-delay: 3s;
    transition-duration: 1s;
    transition-timing-function: ease;
    transition-property: opacity;
    display: block;
}

img[src$=".gif"]:hover {
    transition-delay: 0.3s;
    transition-duration: 0.3s;
    opacity: 1;
}

img[src$=".gif"]::after {
    opacity: 1;
    content: "gif";
    display: block;
    text-align: center;
    color: #000;
    background: #fff;
}