/* ==UserStyle==
@name         Small Thumbnails + Visible Titles
@version      1.0.2
@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
@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 {
	height: 250px !important;
}

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

.daeditor-torpedo-grid div[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"] > div:last-child > div:last-child {
	opacity: 1 !important;
    background: none !important;
    bottom: -15px;
}
    
[data-hook^="content_row-"] [data-hook="deviation_std_thumb"] > div:last-child > div:first-child {
    background: none !important;
}
    
.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(--C14) !important;
}


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