JellyFlix Custom CSS

The main custom css for JellyFlix streaming service. Full custom css import link given here below.

To use the JellySkin theme copy the line below into "Dashboard -> General -> Custom CSS" and click save, it will apply immediately server-wide to all users on top of any theme they may be using. To remove the theme, clear the "Custom CSS" field and then click save.
Note: If it is not working create a issue with details here.

Login Screen

• Login background with radial gradient overlay to make it look like netflix login.

@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/loginPage.css");

Theme

• A blue accent color theme

@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/blueTheme.css");

Effect

Back Drop hack

• A hacky way to trun the cover art into a backdrop on mobile.

@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/backdropHackStyle.css");

Glassy

• Make some UI elements glassy see-through.

@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/glassy.css");

Pan Animation

• Pan animation animates the backdrop with a slow pan.

@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/panAnimation.css");

Hover Glow

• Make your items glow

@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/hoverglow.css");

Smaller cast list

• A smaller, square aspect ratio style cast list.

@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/castRow.css");

Field Border

• Input field styles, with borders that highlight when selected.

@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/fieldBorder.css");

Episodes List

Grid Episodes

• It will help you to scroll more easily.

@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/gridEpisodes.css");

Compact List

• List base view episode list

@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/listEpisodes.css");

Overly Progress

• Overly progress indicator for libary items

@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/overlyProgress.css");

Transparent Header

• For better background quility, it will help you to lock more beautiful

@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/transparentHeader.css");

Watched Indicator

• A more styles overly watched indicator

@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/watchedIndicator.css");

Title page

• Movie or show title page

@import url("https://xenoncolt.github.io/JellyFlixCustomCSS/titlePage.css");