Kemono/Coomer - Enhanced Cards by stylemarshall

/* ==UserStyle==
@name         Kemono/Coomer - Enhanced Cards
@version      20240405.22.32
@namespace    https://userstyles.world/user/stylemarshall
@description  Modifies cards by giving them a non 1:1 aspect ratio, adding border radius, and increasing the card title font size for a better experience.
@author       stylemarshall
@license      No License
==/UserStyle== */

@-moz-document regexp(".*:\\/\\/kemono\\.(su|party)\\/[A-Za-z]*\\/user\\/[^/]*(\\?o=[0-9]*)?\\/?"), regexp(".*:\\/\\/kemono\\.(su|party)\\/posts(\\?.*)?(\\/popular(\\?o=[0-9]*)?)?\\/?") {
/* Kemono - Enhanced Cards */
/* Widens each card */
div.card-list__items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px;
}

div.card-list__items article.post-card {
    width: 100%;
}


/*comm Gives each card a border radius */
div.card-list__items article.post-card a {
    border-radius: 12px;
    overflow: hidden;
}


/* Adjusts card title font size */
div.card-list__items article.post-card a header {
    font-size: 16px;
}
}

@-moz-document regexp(".*:\\/\\/coomer\\.(su|party)\\/[A-Za-z]*\\/user\\/.*(\\?o=[0-9]*)?\\/?"), regexp(".*:\\/\\/coomer\\.(su|party)\\/posts(\\?.*)?(\\/popular(\\?o=[0-9]*)?)?\\/?") {
/* Coomer - Enhanced Cards */
/* Lengthens each card */
div.card-list__items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}

div.card-list__items article.post-card {
    width: 100%;
    height: 350px
}


/*comm Gives each card a border radius */
div.card-list__items article.post-card a {
    border-radius: 12px;
    overflow: hidden;
}


/* Adjusts card title font size */
div.card-list__items article.post-card a header {
    font-size: 16px;
}
}