Yesterday, 11:40 AM
I like to tweak themes to display more information in the available space:
Code:
@import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@latest/finimalism-just-black.css");
/* Disable scrolling of home cards */
@media all and (min-width: 50em) {
.homePage .emby-scroller,
#specialsCollapsible .emby-scroller,
#musicVideosCollapsible.emby-scroller,
#scenesCollapsible.emby-scroller {
margin-right: 0;
}
.homePage .emby-scrollbuttons,
#specialsCollapsible .emby-scrollbuttons,
#musicVideosCollapsible .emby-scrollbuttons,
#scenesCollapsible .emby-scrollbuttons {
display: none;
}
.homePage .itemsContainer,
#specialsCollapsible .itemsContainer,
#musicVideosCollapsible .itemsContainer,
#scenesCollapsible .itemsContainer {
flex-wrap: wrap;
}
#specialsCollapsible .overflowBackdropCard,
#musicVideosCollapsible .overflowBackdropCard,
#scenesCollapsible .overflowBackdropCard {
max-width: 13.4vw !important;
}
/* More home cards */
.overflowBackdropCard, .overflowSmallBackdropCard {
max-width: 18.5vw !important;
}
/* Identify search results */
.detailPagePrimaryContent .selectContainer select {
min-width: 50%
}
.identificationSearchResultList .scalableCard{
min-width: 33%;
}
div[data-title="AV"] .card.backdropCard {
min-width: 24%
}
.layout-desktop div[data-index="1"] .overflowPortraitCard {
width: 12.3em;
}
.homePage .verticalSection.section1 .itemsContainer .card.overflowBackdropCard,
.homePage .verticalSection.section2 .itemsContainer .card.overflowBackdropCard,
.homePage .verticalSection.section3 .itemsContainer .card.overflowBackdropCard,
.homePage .verticalSection.section4 .itemsContainer .card.overflowBackdropCard {
width: 22.9em !important;
}
.bannerCard .cardScalable {
min-height: 12em;
}
.layout-desktop #childrenContent .listItemBodyText.secondary.listItem-overview.listItemBodyText {
transition: filter 0.8s, opacity 0.8s;
filter: blur(0px);
opacity: 0.7;
max-height: 9em;
overflow-y: auto;
}
/* Description: Crunchyroll subtitle style */
.htmlvideoplayer::cue {
font-family: Trebuchet MS !important;
color: white !important; /* Text color */
--stroke-color: black; /* Outline color */
--stroke-width: 4px;
--drop-shadow-offset: 2px;
text-shadow:
calc(var(--stroke-width) * 1) calc(var(--stroke-width) * 0) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color),
calc(var(--stroke-width) * 0) calc(var(--stroke-width) * 1) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color),
calc(var(--stroke-width) * -1) calc(var(--stroke-width) * 0) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color),
calc(var(--stroke-width) * 0) calc(var(--stroke-width) * -1) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.5) calc(var(--stroke-width) * 0.866) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.866) calc(var(--stroke-width) * 0.5) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.5) calc(var(--stroke-width) * -0.866) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.5) calc(var(--stroke-width) * -0.866) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.866) calc(var(--stroke-width) * -0.5) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.5) calc(var(--stroke-width) * 0.866) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.866) calc(var(--stroke-width) * -0.5) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.866) calc(var(--stroke-width) * 0.5) 0 var(--stroke-color),
calc(var(--stroke-width) + var(--drop-shadow-offset)) calc(var(--stroke-width) + var(--drop-shadow-offset)) 15px var(--stroke-color) !important;
}