Custom CSS with Emby Web App

[Happy2Play 9446]

@. I don't know the proper way since this is all new to me (trial and error),  but I got this to work.  So some of the pro's out there may know the proper format. 

div.card.activeSession > div > div:nth-child(2) {background: transparent !important;}

This works on all active device boxes.

 

Edited March 17, 2016 by Happy2Play

[Ben Z 86]

@. I don't know the proper way since this is all new to me (trial and error),  but I got this to work.  So some of the pro's out there may know the proper format. 

div.card.activeSession > div > div:nth-child(2) {background: transparent !important;}

This works on all active device boxes.

 

 

I tried different things with div.card.activeSession with no success. Your line works. That's awesome, thanks.

[Blueeyiz702 220]

Can someone show me how to lighten up background,Css posted is not working.

[Happy2Play 9446]

Here is what I use.

/*Background Image brightness*/
.withBackdrop .pageBackground {background-color: rgba(0,0,0,.5);}

[Blueeyiz702 220]

that did the job Happy2Play thanks.

[pünktchen 1350]

In card.css there's "@@Media all".

Does anybody know the specific media types?

[Blueeyiz702 220]

Any body figured out how to fix this,seems new server broke the css?

 

 

 

 

 

 

 

Edited July 10, 2016 by blueeyiz7021

[Happy2Play 9446]

@ - have you tried this?

[Blueeyiz702 220]

@ - have you tried this?

do you mean like as in your screenshot or the actual css in the post?

[lja 51]

I used some of shaefurr's Disparity images for my user view and collection folder primary images, but they needed some separation from the background:

 

 

 

So I added this snippet to the custom css, matching the blue to some of the blue in the Disparity collection:

/*Blue border and glow for userview cards */
div[data-itemtype="CollectionFolder"] .cardContent,
div[data-itemtype="UserView"] .cardContent,
div[data-itemtype="PlaylistsFolder"] .cardContent{
  border: 1px solid rgba(0,94,243,.5);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,94,243,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,94,243,.6);
}

Which results in this:

 

@@bigjohn

 

 

Does this still work in latest beta vs: 3.1.70.0? I have tried it but do not see the blue border.

[Happy2Play 9446]

Tested, the last version that code worked in was 3.1.68.0, doesn't work in .69 or .70. 

 

 Here you go UPDATED and working with .70.

/*Blue border and glow for userview cards */
.itemsContainer.homeTopViews .cardContent {
  border: 1px solid rgba(0,94,243,.5);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,94,243,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,94,243,.6);
}

Edited July 21, 2016 by Happy2Play

[Luke 40111]

I know he doesn't run beta so you might want to try and expirement with changes that might fix it.

[lja 51]

I know he doesn't run beta so you might want to try and expirement with changes that might fix it.

Thanks

[lja 51]

 

Tested, the last version that code worked in was 3.1.68.0, doesn't work in .69 or .70. 

 

 Here you go UPDATED and working with .70.

/*Blue border and glow for userview cards */
.itemsContainer.homeTopViews .cardContent {
  border: 1px solid rgba(0,94,243,.5);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,94,243,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,94,243,.6);
}

@@Happy2Play

 

Thanks. Works great.

[Blueeyiz702 220]

@@bigjohn

 

 

Does this still work in latest beta vs: 3.1.70.0? I have tried it but do not see the blue border.

i believe it does work,im using and works perfect.

[Blueeyiz702 220]

How do you get rid of the little green episode buttons that show up in tv section and movies. Also fix to lighten background not working,does someone have one. My backgrounds are so dark i can hardly see them.Thanks.

[Happy2Play 9446]

I still use this for background. (beta 3.1.78.0)

/*Background Image brightness*/
.withBackdrop .pageBackground {background-color: rgba(0,0,0,.5);}

As for "little green episode buttons" not sure what button your are referring to.  (Screen shot please)

 

 

 

 

Looks like another change in new dev and beta 3.1.79.0

/*Background Image brightness*/
.backgroundContainer.withBackdrop {background-color: rgba(0,0,0,.5);}

OR

/*Background Image brightness*/
.withBackdrop {background-color: rgba(0,0,0,.5);}

Edited July 27, 2016 by Happy2Play

[Blueeyiz702 220]

 

I still use this for background. (beta 3.1.78.0)

/*Background Image brightness*/
.withBackdrop .pageBackground {background-color: rgba(0,0,0,.5);}

As for "little green episode buttons" not sure what button your are referring to.  (Screen shot please)

 

 

 

 

Looks like another change in new dev and beta 3.1.79.0

/*Background Image brightness*/
.backgroundContainer.withBackdrop {background-color: rgba(0,0,0,.5);}

OR

/*Background Image brightness*/
.withBackdrop {background-color: rgba(0,0,0,.5);}

yes the little green episode buttons. are what i mean't.

[Happy2Play 9446]

yes the little green episode buttons. are what i mean't.

Still don't know what "Little Green Buttons" you are referring to.

[Blueeyiz702 220]

 

 

 

 

 

 

Still don't know what "Little Green Buttons" you are referring to.

 

[Luke 40111]

Looks sharp

[Blueeyiz702 220]

Looks sharp

Thanks Luke, i did over 500 movies alone not counting everything else in my library.

[Happy2Play 9446]

@

 

What are you trying to do to them, change their color or hide them?

div.playedIndicator, div.countIndicator {background: blue;}

div.playedIndicator, div.countIndicator {display: none;}

[Blueeyiz702 220]

 

@

 

What are you trying to do to them, change their color or hide them?

div.playedIndicator, div.countIndicator {background: blue;}

div.playedIndicator, div.countIndicator {display: none;}

hide them,so im using the bottom css you provided and as always Happy2Play it worked like a charm,thank you.

Edited July 28, 2016 by blueeyiz7021

[arrbee99 1712]

Has anyone else noticed that Background Image Brightness (Post #167) not working in the latest Dev build on Windows / Chrome using the web interface, or is it just me ?