Small Thumbnails + Visible Titles

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

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

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

/* ==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://greasyfork.org/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;
    }
}