Jump to content

Custom CSS with Emby Web App


Luke

Recommended Posts

mediacowboy

Can you copy and paste all of your CSS maybe a bracket is missing somewhere or PM me?

Edited by mediacowboy
Link to comment
Share on other sites

CarlosLima

My CSS code is very small and can not see any errors.

/* Dark login page */
#loginPage {
  background-color: #000
}
.logoLibraryMenuButtonText {
  color: #fff;
}
#manualLoginForm {
  color: #fff;
}


/*Remove 'Missing Trailer' icon in metadata editor, I don't use trailers*/
img[title='Missing local trailer.'] {
  display:none;
}



.supporterPromotion {
  border-color: #555;
  background-color: #555;
  color: #fff;
}
.btnActionAccent {
  border-color: #555;
  background-color: #555;
  color: #fff;
}
Link to comment
Share on other sites

CarlosLima

Did you have a CSS code to replace the MediaBrowser text by another custom, on the login screen ?

Link to comment
Share on other sites

@

 

Are you using a language other than English? That may be the problem with my code. Try this instead:

/*Remove 'Missing Trailer' icon in metadata editor, I don't use trailers*/
img[src='css/images/editor/missingtrailer.png'] {
  display:none;
}
  • Like 1
Link to comment
Share on other sites

CarlosLima

 

@

 

Are you using a language other than English? That may be the problem with my code. Try this instead:

/*Remove 'Missing Trailer' icon in metadata editor, I don't use trailers*/
img[src='css/images/editor/missingtrailer.png'] {
  display:none;
}

 

This is wonderful, you settled the dilemma. Thanks so much.

Link to comment
Share on other sites

This is wonderful, you settled the dilemma. Thanks so much.

 

Excellent, I will replace the code in the original post so no one else has the same problem.

Link to comment
Share on other sites

CarlosLima

Good idea. In addition to the trailer, I do not use LOGO. Can you tell if just change the code ... logo.png and also works ?

Link to comment
Share on other sites

Good idea. In addition to the trailer, I do not use LOGO. Can you tell if just change the code ... logo.png and also works ?

 

Yes, that should work. Just put missinglogo.png instead of missingtrailer.png

Link to comment
Share on other sites

CarlosLima

It would be possible to use CSS code to change the text below the avatar? Last seen ....

 

54f0ed00d6366_trash0.png

Edited by Gato_Guga
Link to comment
Share on other sites

It would be possible to use CSS code to change the text below the avatar? Last seen ....

 

54f0ed00d6366_trash0.png

 

Do you mean use CSS to translate the text into a different language?

  • Like 1
Link to comment
Share on other sites

I thank the friends of this forum, who helped turn my MediaBrowser into something more beautiful to see

Thanks so much, @@bigjohn and @@mediacowboy.

 

Link: http://imgur.com/a/23p6T#0

 

You are welcome!

 

You might also want to apply the css for the login page from this post:

http://mediabrowser.tv/community/index.php?/topic/18046-custom-css-with-the-new-server-beta/page-2&do=findComment&comment=180630

 

Or if that is too dark, at least use this part:

.logoLibraryMenuButtonText {
  color: #fff;
}

so that the word "MEDIA" in the logo text is in white on that dark background.

  • Like 1
Link to comment
Share on other sites

CarlosLima

You are welcome!

 

You might also want to apply the css for the login page from this post:

http://mediabrowser.tv/community/index.php?/topic/18046-custom-css-with-the-new-server-beta/page-2&do=findComment&comment=180630

 

Or if that is too dark, at least use this part:

.logoLibraryMenuButtonText {
  color: #fff;
}

so that the word "MEDIA" in the logo text is in white on that dark background.

 

Thank you, I applied your tip.

Link to comment
Share on other sites

Couple of additions to my dark dashboard css:

.ui-overlay-a {
  background-color: #252525;
}
#fldConnectInfo {
  background: #333 !important;
}
  • Like 2
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...