Modern Lemmy by gabmus

/* ==UserStyle==
@name         Modern Lemmy
@version      20240421.07.24
@namespace    https://userstyles.world/user/Gabriele Musco
@description  Makes Lemmy look closer to the redesign of another link aggregator
@author       Gabriele Musco
@license      AGPL-3.0-or-later
==/UserStyle== */

@-moz-document domain("next.lemm.ee") {
/* cards container */
main.mb-auto > div > div > div > div.flex > div:nth-child(2) {}

/* single card, both in browse view and comments view */
main.mb-auto > div > div > div > div.flex > div:nth-child(2) > div,
main article.w-full > div {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    border: 1px solid color-mix(in srgb, currentColor 60%, transparent);
    border-radius: 12px;
    padding: 12px;
    background-color: rgba(255, 255, 255, .04);
}

/* card image container */
main.mb-auto > div > div > div > div.flex > div:nth-child(2) > div .max-w-\[880px\],
main article.w-full > div .max-w-\[880px\] {
    max-width: 100% !important;
}

/* card image */
main.mb-auto > div > div > div > div.flex > div:nth-child(2) > div img,
main article.w-full > div img {
    margin: auto;
}
}