Jump to content


Photo

Emby Clean CSS Cleanup

css clean emby

  • Please log in to reply
71 replies to this topic

#1 dannymichel OFFLINE  

dannymichel

    Advanced Member

  • Members
  • 179 posts
  • Local time: 09:34 PM

Posted 31 January 2020 - 01:37 PM

icons: https://www.dropbox....oster-icons.zip

css: https://www.dropbox....zdbbu7/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....mby-minimal.css

qsOfj8P.png


Edited by dannymichel, 18 March 2020 - 09:43 AM.

  • chef, Dibbes, Jdiesel and 5 others like this

#2 forge-crayon OFFLINE  

forge-crayon

    Member

  • Members
  • 17 posts
  • Local time: 01:34 AM

Posted 17 February 2020 - 06:09 PM

this is really nice, thank you for sharing



#3 swampyc OFFLINE  

swampyc

    Newbie

  • Members
  • 3 posts
  • Local time: 09:34 PM

Posted 27 February 2020 - 04:09 PM

great!


Edited by swampyc, 27 February 2020 - 06:48 PM.


#4 dannymichel OFFLINE  

dannymichel

    Advanced Member

  • Members
  • 179 posts
  • Local time: 09:34 PM

Posted 11 March 2020 - 09:58 AM

Thanks guys



#5 AviatorBimmer OFFLINE  

AviatorBimmer

    Advanced Member

  • Members
  • 148 posts
  • Local time: 09:34 PM

Posted 11 March 2020 - 12:23 PM

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....zdbbu7/emby.css

 

YHB6og2.png

 

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



#6 dannymichel OFFLINE  

dannymichel

    Advanced Member

  • Members
  • 179 posts
  • Local time: 09:34 PM

Posted 11 March 2020 - 02:30 PM

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.



#7 AviatorBimmer OFFLINE  

AviatorBimmer

    Advanced Member

  • Members
  • 148 posts
  • Local time: 09:34 PM

Posted 11 March 2020 - 02:35 PM

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?


Sent from my iPhone using Tapatalk

#8 dannymichel OFFLINE  

dannymichel

    Advanced Member

  • Members
  • 179 posts
  • Local time: 09:34 PM

Posted 11 March 2020 - 02:41 PM

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, 11 March 2020 - 07:01 PM.


#9 AviatorBimmer OFFLINE  

AviatorBimmer

    Advanced Member

  • Members
  • 148 posts
  • Local time: 09:34 PM

Posted 11 March 2020 - 02:44 PM

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

#10 dannymichel OFFLINE  

dannymichel

    Advanced Member

  • Members
  • 179 posts
  • Local time: 09:34 PM

Posted 11 March 2020 - 02:50 PM

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.



#11 AviatorBimmer OFFLINE  

AviatorBimmer

    Advanced Member

  • Members
  • 148 posts
  • Local time: 09:34 PM

Posted 11 March 2020 - 02:54 PM

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

#12 dannymichel OFFLINE  

dannymichel

    Advanced Member

  • Members
  • 179 posts
  • Local time: 09:34 PM

Posted 11 March 2020 - 05:21 PM

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.



#13 tomnjerry74 OFFLINE  

tomnjerry74

    Advanced Member

  • Members
  • 65 posts
  • Local time: 09:34 PM
  • LocationUnited States

Posted 11 March 2020 - 05:27 PM

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?



#14 Luke OFFLINE  

Luke

    System Architect

  • Administrators
  • 153190 posts
  • Local time: 09:34 PM

Posted 11 March 2020 - 05:39 PM

You guys prefer the green play icon? 


  • daedalus and tomnjerry74 like this

#15 dannymichel OFFLINE  

dannymichel

    Advanced Member

  • Members
  • 179 posts
  • Local time: 09:34 PM

Posted 11 March 2020 - 05:42 PM

You guys prefer the green play icon? 

 

i think the green play icon 'makes sense'.


  • daedalus likes this

#16 dannymichel OFFLINE  

dannymichel

    Advanced Member

  • Members
  • 179 posts
  • Local time: 09:34 PM

Posted 11 March 2020 - 05:43 PM

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


  • tomnjerry74 likes this

#17 dannymichel OFFLINE  

dannymichel

    Advanced Member

  • Members
  • 179 posts
  • Local time: 09:34 PM

Posted 13 March 2020 - 04:26 AM

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


  • tomnjerry74 likes this

#18 tomnjerry74 OFFLINE  

tomnjerry74

    Advanced Member

  • Members
  • 65 posts
  • Local time: 09:34 PM
  • LocationUnited States

Posted 13 March 2020 - 11:15 AM

looks great again,

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



#19 Dibbes OFFLINE  

Dibbes

    Advanced Member

  • Members
  • 1184 posts
  • Local time: 03:34 AM
  • LocationMadrid, Spain

Posted 13 March 2020 - 11:36 AM

 

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



#20 Dibbes OFFLINE  

Dibbes

    Advanced Member

  • Members
  • 1184 posts
  • Local time: 03:34 AM
  • LocationMadrid, Spain

Posted 13 March 2020 - 11:37 AM

You guys prefer the green play icon? 

 

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







Also tagged with one or more of these keywords: css, clean, emby

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users