Jump to content

Custom CSS with Emby Web App


Luke

Recommended Posts

CarlosLima

 

Here you go.

/*Link and Visited color*/
.ui-body-b a, .ui-body-b a:visited {color: RoyalBlue; }

/*Active and Hover color*/
.ui-body-b a:active, .ui-body-b a:hover {color: yellow; }

/*Image glow*/
.itemDetailGalleryLink img:hover {
    -webkit-box-shadow: 0 0 20px 3px RoyalBlue;
    box-shadow: 0 0 20px 3px RoyalBlue;
}

Just change yellow to white if you prefer.

 

 

And Tagline if you want it to stand out.

/*Tagline*/
h1.tagline {color: Yellow;}

 

Thanks to you, everything is very beautiful now. Thank you very much   :)

Link to comment
Share on other sites

CarlosLima

@@CarlosLima

 

Why not use full accent theme from here?

 

How incredible this theme, it seems fantastic. How could I try the blue version ???

Link to comment
Share on other sites

Happy2Play

There are two options

 

Go to github and copy all the theme code for Blue

 

or

 

just paste this in custom css and it will auto update from GitHub

@import url('https://rawgit.com/BenZuser/Emby-Web-Dark-Themes-CSS/master/BLUE/theme.css');

You may have to remove previous custom css.

Edited by Happy2Play
  • Like 1
Link to comment
Share on other sites

CarlosLima

There are two options

 

Go to github and copy all the theme code for Blue

 

or

 

just paste this in custom css and it will auto update from GitHub

@import url('https://rawgit.com/BenZuser/Emby-Web-Dark-Themes-CSS/master/BLUE/theme.css');

You may have to remove previous custom css.

 

I understood, applied and approved, very stylish, congratulations.
As the theme is automatically updated, you lose the possibility of customizations by the user?
Link to comment
Share on other sites

Happy2Play

 

I understood, applied and approved, very stylish, congratulations.
As the theme is automatically updated, you lose the possibility of customizations by the user?

 

 

I use the full code from GitHub then make any custom changes myself.

  • Like 1
Link to comment
Share on other sites

CarlosLima
Sorry, I even figured out the answer; It does NOT lose the power of customization, just add below the link of the theme and all the customization works very well.
Extraordinary. I did not know these themes, even using Emby Server for a long time.
 
---
 
I just added as in the picture.
Can this cause a problem or can it be used like this, as I keep my customization at the same time my theme receives the automatic updates, or am I wrong?

 

58e831fde3368_1.png

Link to comment
Share on other sites

Happy2Play

Depending on customization in the same areas, you shouldn't have any issues.

  • Like 1
Link to comment
Share on other sites

CarlosLima
Great, I'll keep it that way.

Can you tell if it is possible to replace the emby logo and text with another image or text?

Link to comment
Share on other sites

CarlosLima

I think it would be very useful if the user used these spaces on the login screen to display texts and images for their clients.

 

58e83fe98bd05_1.png

Link to comment
Share on other sites

Happy2Play

 

Great, I'll keep it that way.
Can you tell if it is possible to replace the emby logo and text with another image or text?

 

 

Yes, look at the code you can see how the theme already changes the green logo with the blue logo in two areas.

  • Like 1
Link to comment
Share on other sites

CarlosLima

I read the whole code but I was not able to identify the lines to change the logo.

I was able to hide the logo on the login screen using CSS Code, but I would really like to customize an image.

Link to comment
Share on other sites

CarlosLima

The idea is not to hide the advertising of Emby and just to be aware, I am Premiere user and I hope to be always. My idea of replacing the logo just on the login page is for the purpose of fixing only to the clients they are logging into in my homecine. I note that for them, the Emby brand is not paramount.

Link to comment
Share on other sites

Happy2Play

@Happy2Play Is it possible to hide the folder Next ?

 

Sorry I don't now what that folder is, can you post a screenshot.

  • Like 1
Link to comment
Share on other sites

Happy2Play

@@CarlosLima

 

Have you looked at Home Screen setting? Click your user icon top right - there are options for each section of the Home Screen

  • Like 1
Link to comment
Share on other sites

CarlosLima

@@CarlosLima

 

Have you looked at Home Screen setting? Click your user icon top right - there are options for each section of the Home Screen

 

Unbelievable how unbalanced I am. Thank you very much.

Link to comment
Share on other sites

CarlosLima
Hello, can I use CSS code to hide these notifications in Recent Activity?

1. Carlos Lima started playing intro2

2. Carlos Lima stopped playing intro2

3. Carlos Lima began to reproduce theme

4. Carlos Lima stopped playing theme

 

These 4 items are just files that precede the playback of a video or audio and would be great if they were not displayed on the Server Dashboard

Link to comment
Share on other sites

CarlosLima

Hello, is it possible to use CSS code to hide the "More From" page and also the video file path?

 

58f6960651b28_Capturar.png

Link to comment
Share on other sites

Happy2Play

Hello, is it possible to use CSS code to hide the "More From" page and also the video file path?

 

58f6960651b28_Capturar.png

 

Sure

/*Remove "More like this" section per movie"*/
#similarCollapsible {display: none !important;}


​

Have to look at container and path more as child changes depending media info.

Edited by Happy2Play
  • Like 1
Link to comment
Share on other sites

Happy2Play

Thank you very much.

 

And this should work for removing the last two child elements of #mediaInfoContent.

#mediaInfoContent div:nth-last-of-type(-n+2) {display:none; }
  • Like 1
Link to comment
Share on other sites

CarlosLima

 

And this should work for removing the last two child elements of #mediaInfoContent.

#mediaInfoContent div:nth-last-of-type(-n+2) {display:none; }

 

Both worked perfectly. One more time, thank you.

Link to comment
Share on other sites

Emby Tower
/*Hide Recommendations-Because you watched*/
.recommendations.homePageSection {display: none !important;}

It seems, that this doesn't work anymore with 3.2.13.0 ...

Edited by XBMC Workstation
Link to comment
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...