Custom CSS with Emby Web App

[mediacowboy 436]

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

Edited February 27, 2015 by mediacowboy

[CarlosLima 83]

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;
}

[mediacowboy 436]

This weird. I cant see any issues with it either.

[CarlosLima 83]

I also cant see.

[CarlosLima 83]

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

[mediacowboy 436]

This is my CSS I am running pieced together by BigJohn.

Dark Theme.css

Edited February 27, 2015 by mediacowboy

[bigjohn 593]

@

 

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;
}

[CarlosLima 83]

Hi, very grateful. I applied and enjoyed the theme. I will use it on my server.

[CarlosLima 83]

 

@

 

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.

[bigjohn 593]

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.

[CarlosLima 83]

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 ?

[bigjohn 593]

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

[CarlosLima 83]

Worked yes. Today I got a CSS class. Many thanks to the friends. Greetings from Brazil.

[CarlosLima 83]

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

Edited February 27, 2015 by Gato_Guga

[Luke 26184]

Well done!

[CarlosLima 83]

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

 

Edited February 27, 2015 by Gato_Guga

[bigjohn 593]

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

 

 

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

[bigjohn 593]

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.

[mediacowboy 436]

Thanks but all the hard work goes to BigJohn. 

[CarlosLima 83]

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

 

Exact, portuguese.

[CarlosLima 83]

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.

[bigjohn 593]

Exact, portuguese.

 

I don't think there is an easy way to do that with CSS.

[CarlosLima 83]

I don't think there is an easy way to do that with CSS.

 

I think the same way. Thank U.

[bigjohn 593]

Couple of additions to my dark dashboard css:

.ui-overlay-a {
  background-color: #252525;
}
#fldConnectInfo {
  background: #333 !important;
}

[mediacowboy 436]

What do these do?