Small thumbnails

Are thumbnails too large?

2020-06-11 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

/* ==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%;
    }
}