Emby Clean CSS Cleanup

[dannymichel 103]

[09-22-2022] update

https://pastebin.com/dR1wDdUy

icons.zip

Edited October 17, 2022 by dannymichel

[forge-crayon 1]

this is really nice, thank you for sharing

[swampyc 0]

great!

Edited February 27, 2020 by swampyc

[dannymichel 103]

Thanks guys

[AviatorBimmer 28]

Here's my css cleanup for emby web.

I would have removed the generated dynamic image changer for the tv and movies section but it isn't possible with css unless you want to get rid of that section all-together

 

https://www.dropbox.com/s/uxpjk7m54zdbbu7/emby.css

 

 

What exactly does this do? It's caught my attention lol

[dannymichel 103]

What exactly does this do?

 

I'm not sure what you mean by that?

It just looks nice i suppose

 

You copy the css i posted there and put it in your custom css settings.

[AviatorBimmer 28]

I'm not sure what you mean by that?

It just looks nice i suppose

 

You copy the css i posted there and put it in your custom css settings.

I know it needs to be copied to the custom css settings. I was asking what it does, before I install it.

 

What visual changes are made? [emoji846]

 

 

Sent from my iPhone using Tapatalk

[dannymichel 103]

Minor changes that make all the difference

 

The logo is changed

The 'my media' icons are resized to be the same width as all the other thumbnails.

The gradient for hover is changed to a much nicer solid color

An opacity color has been added to the hover for the play button

The header has been changed from an opacity blur to a solid color.

The thumbnails are not rounded.

System font are used rather than a google font.

Edited March 11, 2020 by dannymichel

[AviatorBimmer 28]

Minor changes that make all the difference

 

The logo is changed

The 'my media' icons are resized to be the same width as all the other thumbnails.

The gradient for hover is changed to a much nicer solid color

An opacity color has been added to the hover for the play button

The header has been changed from an opacity blur to a solid color.

Nice! I'll definitely check it out then, this afternoon after work. This only applies to the Emby Web, correct? It would be awesome if it could be a server change that gets pushed over to any client/app as well.

 

 

Sent from my iPhone using Tapatalk

[dannymichel 103]

It would be awesome if it could be a server change that gets pushed over to any client/app as well.

 

Oh man preaching to the choir there. I think literally most people have the same wish.

[AviatorBimmer 28]

Oh man preaching to the choir there. I think literally most people have the same wish.

That would be fantastic indeed! Emby has so much potential. I'm so glad I left Plex.

 

 

Sent from my iPhone using Tapatalk

[dannymichel 103]

Emby has so much potential.

 

I agree

However, I havent left plex. I still run both because I have so many people who use my plex and tbh emby is more expensive than plex so I don't really recommend it to others, but really enjoy it for myself.

[tomnjerry74 96]

Hey, really nice job with these changes. Looks very clean.

 

I especially love the change you did to the play icon when hovering over media.

Do you think its possible to change the ones when looking at a season of a TV show as well?

[Luke 38863]

You guys prefer the green play icon? 

[dannymichel 103]

You guys prefer the green play icon? 

 

i think the green play icon 'makes sense'.

[dannymichel 103]

Hey, really nice job with these changes. Looks very clean.

 

I especially love the change you did to the play icon when hovering over media.

Do you think its possible to change the ones when looking at a season of a TV show as well?

 

thank you.

yes, i will make that change soon for you

[dannymichel 103]

Hey, really nice job with these changes. Looks very clean.

 

I especially love the change you did to the play icon when hovering over media.

Do you think its possible to change the ones when looking at a season of a TV show as well?

 

I will be getting to your change soon, but i added a gif to the original post to show the changes 

 

[tomnjerry74 96]

looks great again,

I updated mine with your new code and the larger posters with smaller spacing actually is pretty nice

[Dibbes 439]

 

....

 

The logo is changed

 

....

 

Pity the logo is on Imgur, as this stops displaying when internet connection is lost or the link changes... 

 

For the rest: Nice!!!! Please do feel free to share more 

[Dibbes 439]

You guys prefer the green play icon? 

 

@@Luke Depends on the theme used, but in general, yes...

[daedalus 430]

being the highlight color would make sense

[dannymichel 103]

looks great again,

I updated mine with your new code and the larger posters with smaller spacing actually is pretty nice

 

ah yes i neglected to list that

thanks

[chacawaca 108]

Is there a way to apply

 

.vertical-wrap {

  flex-wrap: inherit!important;

  overflow-x: auto;

  scrollbar-width: none;

}

 

 to home page only ?

[dannymichel 103]

 

Is there a way to apply

 

.vertical-wrap {

  flex-wrap: inherit!important;

  overflow-x: auto;

  scrollbar-width: none;

}

 

 to home page only ?

 

 

you can prepend 

.section0

to it but the messy thing about that is it would assume 'my media' is and always will be that section

[dannymichel 103]

 

Is there a way to apply

 

.vertical-wrap {

  flex-wrap: inherit!important;

  overflow-x: auto;

  scrollbar-width: none;

}

 

 to home page only ?

 

 

actually i just fixed it.

grab the updated css