Small Thumbnails + No Background

Are thumbnails too large? Too close together? Would you rather always see titles and get rid of that useless background?

当前为 2020-06-17 提交的版本，查看最新版本。

安装此脚本？安装为用户样式？

提问、发表评价或者举报此脚本。

换行

/* ==UserStyle==
@name         Small Thumbnails + No Background
@version      2.0.2
@description  Are thumbnails too large? Too close together? Would you rather always see titles and get rid of that useless background?
Gotcha.
@author       Daemon-Illusionum (https://www.deviantart.com/daemon-illusionum)
@namespace    https://gf.qytechs.cn/en/scripts/404193-small-thumbnails-no-background
==/UserStyle== */

@-moz-document domain("deviantart.com") {
    [data-hook^="content_row-"] > div {
        margin-bottom: 30px !important;
        width: auto !important;
    }
    
    [data-hook="deviation_std_thumb"] {
        width: 75% !important;
        margin: auto;
    }
    
    [data-hook="deviation_std_thumb"] [data-hook="deviation_link"] > div,
    [data-hook="deviation_std_thumb"] > div:first-child{
        align-items: start !important;
        width: 100% !important;
    }
    
    [data-hook="deviation_std_thumb"] [data-hook="deviation_link"] img,
    [data-hook="deviation_std_thumb"] > div:first-child img{
        height: 60% !important;
        object-fit: contain !important;
    }
    
    [data-hook="deviation_std_thumb"] [data-hook="deviation_link"]+div {
        height: 80% !important;
    }
    
    [data-hook="deviation_std_thumb"] [data-hook="deviation_link"]+div > div:last-child {
        opacity: 1;
        scale: 80%;
        bottom: 5px;
    }
    
    [data-hook="deviation_std_thumb"] [data-hook="deviation_link"]+div > div:first-child,
    [data-hook="deviation_std_thumb"] > div:first-child,
    [data-hook="deviation_std_thumb"] [data-hook="deviation_link"] > div:first-child {
        background: none;
    }
    
    .theme-light [data-hook="deviation_std_thumb"] [data-hook="deviation_link"]+div > div:last-child,
    .theme-light [data-hook="deviation_std_thumb"] > div > div:last-child > div > span,
    .theme-light [data-hook="deviation_std_thumb"] > div > div:last-child > div > span+div > a{
        color:var(--D2) !important;
    }
}

欢迎访问Greasy Fork镜像