Small Thumbnails + Visible Titles

Are thumbnails too large? Too close together? Would you rather always see titles? Gotcha.
Wrap lines
/* ==UserStyle==
@name         Small Thumbnails + Visible Titles
@version      6.0.1
@description  Are thumbnails too large? Too close together? Would you rather always see titles? Gotcha.
@author       Valognir (https://www.deviantart.com/Valognir)
@namespace    https://gf.qytechs.cn/en/scripts/404194-small-thumbnails-visible-titles

==/UserStyle== */
@-moz-document domain("deviantart.com") {
    div[data-testid="thumb"] {
        & > img {
            scale: 70%;
            margin-top: -50px;
        }
    }


    [data-testid="content_row"] a[aria-label$=", visual art"] + div,
    [data-testid="content_row"] a[aria-label$=", film"] + div {
        & > div > div:last-child > div {
            content-visibility: visible;
            opacity: 1;
        }

        & > div:first-child {
            opacity: 0;
        }
    }
    
    [data-testid="content_row"] a[aria-label$=", visual art"] + div > div:nth-child(3),
    [data-testid="content_row"] a[aria-label$=", film"] + div > div:nth-child(3) {
        & > div:last-child {
            left: 10px;
            right: 10px;
            bottom: 5px;
            & > div > a {
                margin-bottom: -8px;
                text-shadow: 0 0 3px var(--gray9);
            }
        }
    }

    .light-green [data-testid="content_row"] a[aria-label$=", visual art"] + div > div:nth-child(3),
    .light-green [data-testid="content_row"] a[aria-label$=", film"] + div > div:nth-child(3) {
        & > div:last-child {
            & > div > a {
                text-shadow: 0 0 3px var(--khaki2);
            }
            h2,
            a,
            button,
            button[aria-label="Award Badge"] > span {
                color: var(--khaki9);
                &:hover {
                    color: var(--g-brand);
                }
            }
        }
    }

    .theme-light [data-testid="content_row"] a[aria-label$=", visual art"] + div > div:nth-child(3),
    .theme-light [data-testid="content_row"] a[aria-label$=", film"] + div > div:nth-child(3) {
        & > div:last-child {
            & > div > a {
                text-shadow: 0 0 3px var(--gray1);
            }
            h2,
            a,
            button,
            button[aria-label="Award Badge"] > span {
                color: var(--gray9);
                &:hover {
                    color: var(--g-brand);
                }
            }
        }
    }
}
欢迎访问Greasy Fork镜像
