DN.se - decrease ads, increase readability by andrelaszlo

/* ==UserStyle==
@name         DN.se - decrease ads, increase readability
@version      20220413.21.08
@namespace    userstyles.world/user/andrelaszlo
@description  - Remove ads
- Increase article size
- Remove social media buttons
- Remove comments
@author       andrelaszlo
@license      No License
==/UserStyle== */

@-moz-document domain("dn.se") {
/* Hide ads */
#rich-media-ads,
.outsider-ads,
.ad,
.teaser-native
{
    display: none !important;
}

/* Hide useless buttons and social stuff */
div[role=toolbar],
div.author .author__arrow,
.others-are-reading,
.comments-disclaimer__container,
.button--follow,
.site-header__nav-foljer,
.user-info__name,
.article__disclaimer,
.follow-dn,
.sticky-header__foljer--logged-in
{
    display: none !important;
}

/* Make article full-width */
.page {
    max-width: 100% !important;
}

/* Add clearer space between articles */
.article {
    padding-bottom: 10vh;
    border-bottom: 6px solid #da000d;
}

/* Increase page width and font size */
.article__body p,
.article__lead,
.article__lead p,
.fact-box
{
    max-width: 100% !important;
}

.article__body p,
.article__lead,
.article__lead p
{
    font-size: 24px !important;
}

.fact-box p
{
    font-size: 18px !important;
}

/* Automatically expand fact boxes */
.fact-box__wrapper {
    max-height: none !important;
}
.fact-box__controls {
    display: none !important;
}

/* Hide photo credits (sorry photographers!) */
.teaser__caption {
    display: none;
}
figure:hover > .teaser__caption {
    display: inherit;
}
}