Article sans distractions (franceinfo) by teslagen

/* ==UserStyle==
@name         Article sans distractions (franceinfo)
@version      20240930.10.15
@namespace    https://userstyles.world/user/teslagen/readable/
@description  `Pour lire un article sans se laisser distraire.
@author       teslagen
@license      CC0
==/UserStyle== */

@-moz-document domain("www.francetvinfo.fr") {
.header-sub /* Menu de navigation */
, .header-main__entries > .header-main__tv-entry
, .header-main__entries > .header-main__radio-entry
, .header-main__entries > .header-main__live-entry
, .header-main__entries > .header-main__services-entry
, .header-main__entries > .header-main__account-entry
, .header-main__entries > .header-main__separator
, .social-zone /* Boutons rezosocio et commentaires */
, #comments
, .media-embed /* Suggestions d'articles en plein milieu d'article */
, .content-banner-nl /* Encart newsletter */
, .same-topic /* Section "suggestions d'autres articles" */
, .newspilot-rebounds /* Suggestions d'articles venant d'autres sources */
, .content-smartfeed /* Contenus sponsorisés */
, .most-read /* Articles les plus lus */
, .card-slider
, .pre-footer
, footer
{ display: none !important;}

article {
    background: white;
}

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

/* Limiter la perte d'espace en largeur pour les petits écrans */
.page-content-wrapper {
    padding: 0 0.5rem;
}
article > * {
    padding: 0 0.8rem;
    max-width: initial !important;
    margin: 0 auto;
    display: block;
}

/* Je ne sais plus ce que c'est */
article > .audio-info__wrapper,
article > .rf-player-wrapper
{ background-color: #282828 !important;}

/* Limiter la largeur de texte et fond noir dégradé autour pour visualiser la progression */
main {
    
    padding: 0;
    margin: auto;
}
article {
    max-width: 900px;
    margin: auto;
}
.content-cover-wrapper, .c-body {
    margin: 0;
}
body {
    background: linear-gradient(white, black);
}

.audio-info__wrapper { position: unset; margin: 0;}

}