/* ==UserStyle==
@name         Small Thumbnails + No Background
@version      5.1.0
@description  Are thumbnails too large? Too close together? Would you rather always see titles and get rid of that useless background? Gotcha.
@author       Valognir (https://www.deviantart.com/valognir)
@namespace    https://greasyfork.org/en/scripts/404193-small-thumbnails-no-background

@downloadURL none
==/UserStyle== */
@-moz-document domain("deviantart.com") {
    div[data-testid="thumb"] > img {
        scale: 70%;
    }
    
    div[data-testid="thumb"] {
        background-color: transparent !important;
    }
    
    div[data-testid="content_row"]:first-child > div:first-child > div img {
        margin-left: calc(-15% + 26px) !important;
        margin-right: calc(15% - 26px) !important;
    }
    
    div[data-testid="content_row"]:first-child > div:last-child > div img {
        margin-left: calc(15% - 26px) !important;
        margin-right: calc(-15% + 26px) !important;
    }
    
    div[data-testid="content_row"]:first-child > div > div > div {
        width: calc(70% + 52px) !important;
        margin-left: calc(15% - 26px);
    }
    
    div[data-testid="content_row"]:first-child > div:first-child > div > div {
        margin-left: 0;
    }
    
    div[data-testid="content_row"]:first-child > div:last-child > div > div {
        margin-left: calc(30% - 52px);
    }
    
    div[data-testid="content_row"]:first-child > div > div > div > div:last-child {
        width: 100% !important;
    }
}