Small Thumbnails + Visible Titles

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

当前为 2021-06-08 提交的版本,查看 最新版本

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ==UserStyle==
@name         Small Thumbnails + Visible Titles
@version      3.0.0
@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"] {
        padding-bottom: 50px;
    }
    .theme-dark [data-hook="deviation_std_thumb"] {
        background: var(--D2);
    }
    .theme-light [data-hook="deviation_std_thumb"] {
        background: var(--L2);
    }
    
    [data-hook="content_row-1"] {
        display: flex;
    }
    
    [data-hook="deviation_link"] {
        
    }
    
    [data-hook="deviation_link"]>div {
        scale: 70%;
    }
    
    [data-hook="deviation_link"]+div>div:last-child{
        opacity: 1;
    }
    .theme-light [data-hook="deviation_link"]+div>div:last-child,
    .theme-light [data-hook="deviation_link"]+div>div:last-child a:not(:hover),
    .theme-light [data-hook="deviation_link"]+div>div:last-child button:not(:hover){
        color: var(--D1);
    }
    
    [data-hook="deviation_link"]+div>div:first-child {
        background: none;
    }
}