/* ==UserStyle==
@name         Small Thumbnails + No Background
@version      1.0.2
@description  Are thumbnails too large? Too close together? Would you rather always see titles and get rid of that useless background?
Gotcha.
@author       Daemon-Illusionum (https://www.deviantart.com/daemon-illusionum)
@namespace    https://greasyfork.org/en/scripts/404193-small-thumbnails-no-background
@downloadURL none
==/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,
[data-hook="deviation_std_thumb"]>div>div {
	height: 250px !important;
}

.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;
}

[data-hook^="content_row-"]>div {
	height: 280px !important;
}

[data-hook^="content_row-"] [data-hook="deviation_std_thumb"] section {
	margin-bottom:-90px;
}
[data-hook^="content_row-"] [data-hook="deviation_std_thumb"] > div:last-child > div:last-child{
	opacity: 1 !important;
    background: none !important;
    bottom: -15px;
}
    
.theme-light [data-hook^="content_row-"] [data-hook="deviation_std_thumb"] a:not(:hover),
.theme-light [data-hook^="content_row-"] [data-hook="deviation_std_thumb"] div:not(:hover){
    color: var(--L8);
}
.theme-light [data-hook^="content_row-"] [data-hook="deviation_std_thumb"] a:hover,
.theme-light [data-hook^="content_row-"] [data-hook="deviation_std_thumb"] button:hover > span {
    color: var(--G3) !important;
}

[data-hook^="content_row-"] [data-hook="deviation_std_thumb"]>div,
[data-hook^="content_row-"] [data-hook="deviation_std_thumb"]>div>div{
	background: none !important;
}

[data-hook^="content_row-"] [data-hook="deviation_std_thumb"] section h6{
	margin-bottom: 8px !important;
}
}