Small Thumbnails + Visible Titles

Are thumbnails too large? Too close together? Would you rather always see titles?

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

/* ==UserStyle==
@name         Small Thumbnails + Visible Titles
@version      2.0.2
@description  Are thumbnails too large? Too close together? Would you rather always see titles?
Gotcha.
@author       Daemon-Illusionum (https://www.deviantart.com/daemon-illusionum)
@namespace    https://gf.qytechs.cn/en/scripts/404194-small-thumbnails-visible-titles
==/UserStyle== */
@-moz-document domain("deviantart.com") {
    [data-hook^="content_row-"] > div {
        width: auto !important;
    }
    
    [data-hook="deviation_std_thumb"] {
        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;
        margin-top: 5%;
        
    }
    
    [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 {
        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;
    }
}

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址