Article sans distractions (le monde) by teslagen

/* ==UserStyle==
@name           Article sans distractions (le monde)
@namespace      https://userstyles.world/user/teslagen/printable/
@author         teslagen
@description    `Pour lire un article sans se laisser distraire.`
@version        2.2.0
@license        CC0
==/UserStyle== */
@-moz-document domain("www.lemonde.fr") {
/* Masquer les nombreux éléments distracteurs */
aside.aside__iso /* Bandeau de droite */
, .dfp__container ,#banniere_haute /* Bannière dynamique au dessus de l'article */
, .dfp__inread /* publicités en plein milieu d'article */
, aside.aside__article /* publicités en plein milieu d'article */
, .article--single .article__header .meta__social /* Boutons rézosocio en haut d'article */
, section.catcher--inline /* Encarts "Lire aussi" éparpillés en plein milieu d'article */
, .article__reactions /* Boutons en bas d'article */
, .services /* Publicités en bas d'article */
, .article--iso .article__siblings /* Suggestions d'autres articles */
, #js-engagement-banner /* Bandeau d'incitation à s'abonner */
, .breadcrumb
, .paywall > .paywall__container > div
, .paywall .lmd-paywall__content
, body > footer /* Pied de page encombré */
, .Header__nav-container /* Menu de haut de page*/
, .catcher, .inread /* Éléments intrusifs en plein milieu d'article */
, section.services-carousel /* Guide d'achats en fin d'article */
{ display: none;}


h3 {margin: 0.5rem;}
p { margin: 0.8rem;}
article { padding: 0.5rem;}
main .article { padding: 5rem 1rem; }

/* Alléger le haut de page */
#Header > header > .right, #Header > header > .left { display: none;}
#Header .center { margin: auto;}
main .article, .main--free .zone--article, .article__wrapper > article { padding-top: 0.1rem; }

/* Réduire la hauteur de l'illustration */
.article--single .article__media img {
    max-height: 200px;
    object-fit: cover;
}

/* Limiter la largeur pour une bonne lisibilité */
.main--free .zone--article {
    display: block;
    max-width: 800px;
    margin: auto;
}
.main--free .article__content {
    max-width: inherit;
}

/* Un fond dégradé pour se repérer dans l'avancement de l'article */
main {
    background: linear-gradient(white, #2a303b);
}

/* Laisser aparaître le bandeau "La suite est réservée à nos abonnés" */
.paywall {
    background: black !important;
}
.lmd-paywall {
    margin: 0;
}
.paywall__container {
    padding: 0;
}
}