WIP: My Classic Cinema Theme - Custom CSS

[Killface69 96]

I've created some CSS for the Web App, originally made for Jellyfin and ported over to Emby. Not everything survived, but here's the scavenged stuff.

1. Home Screen

I've started working on the fonts to give it a more classic and timeless look, while using fonts which look good and provide my glyph needs. 
I love cinema, thus these fonts hopefully capture the spirit of classic cinema (designer talk
Fonts used in this screenshot: Bangers and Limelight for the headlines, Jost for the rest. Also Special Elite as monotype and Satisfy for handwritings. 
Custom logo, some paragraphs shortened to 70 characters per line for better readability.

2. Cast & Crew

 

WIP. I wanted it to look like autograph cards. Also works with multi-lines, see Red Mist.

3. Chapter Section

Most work was done here. Adds a film strip view with animation. Includes scaling on hover, with flickering and scratches.

Known issues:

• 'Continue watching' also scales and glows
• Haven't looked at the home video section yet

Put both CSS files in the same folder and adjust your paths. Look for YOUR_SERVER_ADDRESS_HERE and adapt it to your likings.
The fonts used can be downloaded or imported from Google, see links above.

Feedback and new code welcome.

embyThemeFonts.css embyTheme.css

Edited September 4, 2024 by Killface69
added Limelight

[Killface69 96]

I've updated the theme previosly with some bug fixes. Only the theme file has changed.

New one attachedemby_Theme_v2.css.