• Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below
  • Forum
  • Website
  • GitHub
  • Status
  • Translation
  • Features
  • Team
  • Rules
  • Help
  • Feeds
User Links
  • Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below

    Useful Links Forum Website GitHub Status Translation Features Team Rules Help Feeds
    Jellyfin Forum Support Themes & Styles Finimalism [Updated for 10.11.X]

    Pages (17): « Previous 1 … 13 14 15 16 17
     

     
    • 7 Vote(s) - 5 Average

    Finimalism [Updated for 10.11.X]

    Where minimalism goes to die
    Blurryface
    Offline

    Junior Member

    Posts: 21
    Threads: 0
    Joined: 2025 Oct
    Reputation: 0
    Country:United States
    #161
    6 hours ago
    (7 hours ago)Ted Hinklater Wrote: [Image: season.webp]

    This is just with 

    @import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism10.11.css");

    Everything is wrapped, there should be no going off-screen

    This is what I am using for my branding, cache has been cleared. Here are also photos showing the season wrap issue and album issue using these as well. 

    @import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism10.11.css");
    @import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/no-animation.css");
    @import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@latest/horizontal-scrolling.css");


    Attached Files Thumbnail(s)
           
    Ted Hinklater
    Offline

    Member

    Posts: 207
    Threads: 8
    Joined: 2023 Nov
    Reputation: 25
    Country:United Kingdom
    #162
    5 hours ago (This post was last modified: 5 hours ago by Ted Hinklater.)
    That is fixed (jsdelivr hasn't updated horizontal-scrolling yet, i sent a purge request a couple of hours ago), if you use this instead

    @import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism10.11.css");
    @import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/no-animation.css");
    .layout-desktop #indexPage .itemsContainer,
    .layout-tv #indexPage .itemsContainer,
    .layout-desktop #itemDetailPage .verticalSection.detailVerticalSection.moreFromSeasonSection.emby-scroller-container .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
    .layout-tv #itemDetailPage .verticalSection.detailVerticalSection.moreFromSeasonSection.emby-scroller-container .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
    .layout-desktop #castCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
    .layout-tv #castCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
    .layout-desktop #guestCastCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
    .layout-tv #guestCastCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
    .layout-desktop #similarCollapsible .scrollSlider.focuscontainer-x.itemsContainer.similarContent.animatedScrollX,
    .layout-tv #similarCollapsible .scrollSlider.focuscontainer-x.itemsContainer.similarContent.animatedScrollX,
    .layout-desktop #specialsCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
    .layout-tv #specialsCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX {display: flex !important; flex-wrap: nowrap !important; gap: unset;}
    #indexPage button[data-direction="left"], #indexPage button[data-direction="right"] {opacity: 0.5; padding-right: 1em;}
    #itemDetailPage button[data-direction="left"], #itemDetailPage button[data-direction="right"] { opacity: 0.5; }
    .verticalSection[data-type="MusicAlbum"] .itemsContainer.padded-right.vertical-wrap { flex-wrap: wrap! important;}
    .layout-desktop #itemDetailPage .scrollSlider.itemsContainer, .layout-tv #itemDetailPage .scrollSlider.itemsContainer { flex-wrap: nowrap !important; white-space: normal !important;}
    Blurryface
    Offline

    Junior Member

    Posts: 21
    Threads: 0
    Joined: 2025 Oct
    Reputation: 0
    Country:United States
    #163
    5 hours ago (This post was last modified: 5 hours ago by Blurryface. Edited 1 time in total.)
    (5 hours ago)Ted Hinklater Wrote: That is fixed (jsdelivr hasn't updated horizontal-scrolling yet, i sent a purge request a couple of hours ago), if you use this instead

    @import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism10.11.css");
    @import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/no-animation.css");
    .layout-desktop #indexPage .itemsContainer,
    .layout-tv #indexPage .itemsContainer,
    .layout-desktop #itemDetailPage .verticalSection.detailVerticalSection.moreFromSeasonSection.emby-scroller-container .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
    .layout-tv #itemDetailPage .verticalSection.detailVerticalSection.moreFromSeasonSection.emby-scroller-container .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
    .layout-desktop #castCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
    .layout-tv #castCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
    .layout-desktop #guestCastCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
    .layout-tv #guestCastCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
    .layout-desktop #similarCollapsible .scrollSlider.focuscontainer-x.itemsContainer.similarContent.animatedScrollX,
    .layout-tv #similarCollapsible .scrollSlider.focuscontainer-x.itemsContainer.similarContent.animatedScrollX,
    .layout-desktop #specialsCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
    .layout-tv #specialsCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX {display: flex !important; flex-wrap: nowrap !important; gap: unset;}
    #indexPage button[data-direction="left"], #indexPage button[data-direction="right"] {opacity: 0.5; padding-right: 1em;}
    #itemDetailPage button[data-direction="left"], #itemDetailPage button[data-direction="right"] { opacity: 0.5; }
    .verticalSection[data-type="MusicAlbum"] .itemsContainer.padded-right.vertical-wrap { flex-wrap: wrap! important;}
    .layout-desktop #itemDetailPage .scrollSlider.itemsContainer, .layout-tv #itemDetailPage .scrollSlider.itemsContainer { flex-wrap: nowrap !important; white-space: normal !important;}

    So use this for the time being until jsdelivr is clear I am guessing to fix the album/TV show season issue as well?
    Pages (17): « Previous 1 … 13 14 15 16 17
     

    « Next Oldest | Next Newest »

    Users browsing this thread: 4 Guest(s)


    • View a Printable Version
    • Subscribe to this thread
    Forum Jump:

    Home · Team · Help · Contact
    © Designed by D&D - Powered by MyBB
    L


    Jellyfin

    The Free Software Media System

    Linear Mode
    Threaded Mode