Small thumbnails のソースコード

Small thumbnails

Are thumbnails too large?

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

右端で折り返す

/* ==UserStyle==
@name         Small thumbnails
@namespace    https://openusercss.org/theme/5ea886273b032e0c00658bc5
@homepageURL  https://openusercss.org/theme/5ea886273b032e0c00658bc5
@version      1.0.0
@license      Other
@description  Are thumbnails too large?
Gotcha.
@author       justKaex (https://openusercss.org/profile/5ea860b73b032e0c00658bc0)
@preprocessor uso
==/UserStyle== */

@-moz-document domain("deviantart.com") {
[data-hook^="content_row-"] [data-hook="deviation_std_thumb"],
[data-hook^="content_row-"] [data-hook="deviation_std_thumb"]>div {
	height: 250px !important;
}

.theme-dark [data-hook^="content_row-"]>div{
    background: var(--D2);
}
.theme-light [data-hook^="content_row-"]>div{
    background: var(--L13);
}
.theme-light.light-green [data-hook^="content_row-"]>div{
    background: var(--L2);
}

.daeditor-torpedo-grid [data-hook^="content_row-"]>div,
.daeditor-torpedo-grid-item{
	height: 200px !important;
}

.daeditor-torpedo-grid-item > div{
	height: 190px !important;
}

[data-hook^="content_row-"] [data-hook="deviation_std_thumb"]>div>div>img,
[data-hook^="content_row-"] [data-hook="deviation_std_thumb"]>div>img,
.daeditor-torpedo-grid-item img{
    height: 200px !important;
    object-fit: contain !important;
}

[data-hook^="content_row-"]>div {
    padding: 20px 0 !important;
}

}