Small thumbnails のソースコード

Small thumbnails

Are thumbnails too large?

2020/06/11のページです。最新版はこちら

右端で折り返す

/* ==UserStyle==
@name         Small thumbnails
@version      2.0.0
@description  Are thumbnails too large?
Gotcha.
@author       Daemon-Illusionum (https://www.deviantart.com/daemon-illusionum)
@namespace    https://greasyfork.org/en/scripts/404192-small-thumbnails
==/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{
        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 {
        scale: 80%;
    }
}