Jump to content

Emby Clean CSS Cleanup


dannymichel

Recommended Posts

dannymichel

icons: https://www.dropbox.com/s/m2n1fdym5a0xytm/poster-icons.zip

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

yzBty58.png

 

zpYQUMn.gif

 

Minimal edit:

I kind of went nuts with the edits on this one, but if you want a more minimal edit that addresses the obvious issues, i've done one of those too 

css: https://www.dropbox.com/s/n7qzk6dywxm89j3/emby-minimal.css

qsOfj8P.png

Edited by dannymichel
  • Like 9
Link to post
Share on other sites
  • 3 weeks later...
  • 2 weeks later...
  • 2 weeks later...
dannymichel

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.

Link to post
Share on other sites
AviatorBimmer

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

Link to post
Share on other sites
dannymichel
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 by dannymichel
Link to post
Share on other sites
AviatorBimmer

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

Link to post
Share on other sites
dannymichel

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.

Link to post
Share on other sites
AviatorBimmer

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

Link to post
Share on other sites
dannymichel

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.

Link to post
Share on other sites
tomnjerry74

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?

Link to post
Share on other sites
dannymichel

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

  • Like 1
Link to post
Share on other sites
dannymichel

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 

 

output.gif

  • Like 1
Link to post
Share on other sites
tomnjerry74

looks great again,

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

Link to post
Share on other sites

 

....
 
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  :)

Link to post
Share on other sites
dannymichel

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

Link to post
Share on other sites
chacawaca

Is there a way to apply

 

.vertical-wrap {
  flex-wrap: inherit!important;
  overflow-x: auto;
  scrollbar-width: none;
}
 
 to home page only ?
Link to post
Share on other sites
dannymichel

 

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

Link to post
Share on other sites
dannymichel

 

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

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...