huffingtonpost sans distractions by teslagen

/* ==UserStyle==
@name           huffingtonpost sans distractions
@namespace      https://www.huffingtonpost.fr/readable
@author         teslagen
@description    `Masque les éléments inutiles à la lecture d'un article.`
@version        2.0.0
@license        CC0

==/UserStyle== */
@-moz-document domain("huffingtonpost.fr") {
body {
    max-width: 900px;
    margin: auto;
    background: linear-gradient(white, #2a303b);
}

.article { margin: 5rem 0; }
.pageContent-left { width: 100%; }

.content {
    left: 0 !important;
    width: 90%;
    min-width: 400px;
    max-width: 1000px;
}

header > nav
, #right-rail-trending
, #videos-for-you
, .col--body-left
, .col--body-right
, .website > header /* Bandeau principal du haut */
, .leftNav /* Barre de navigation de gauche */
, .article-share /* Boutons rezosocio à gauche */
, .pageContent-right /* Barre de droite */
, #newsletterForm /* Abonnement à la newsletter, à droite */
, .ads-inreadArticle /* Publicités en plein milieu d'article */
, .ads /* Autres publicités */
, .articleTags /* Nuage de tags en fin d'article */
, .a-see-also /* Suggestions d'articles en bas de page */
, div.website > footer /* Bas de page encombré */
{ display: none; }

/*
Les blockquotes semblent utilisés pour incruster en plein milieu d'un article
des liens vers d'autres articles.
J'hésite à les masquer complètement car il pourrait y avoir des blockquotes
utilisés à bon escient...
*/
.entry blockquote,
.entry blockquote * {
    color: #ddd !important;
}



}