Jump to content

Custom CSS with Emby Web App

Luke

By Luke,
in Web App CSS

 Share Followers 15

Recommended Posts

Happy2Play

Happy2Play 4789

Posted
Posted (edited)

@. 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.

 

56ea13df600e4_info2.jpg

Edited by Happy2Play
  • Like 2
Link to post
Share on other sites
Ben Z

Ben Z 86

Posted
Posted

@. 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.

Link to post
Share on other sites
  • 1 month later...
Blueeyiz702

Blueeyiz702 200

Posted
Posted

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

Link to post
Share on other sites
Happy2Play

Happy2Play 4789

Posted
Posted

Here is what I use.

/*Background Image brightness*/
.withBackdrop .pageBackground {background-color: rgba(0,0,0,.5);}
  • Like 1
Link to post
Share on other sites
  • 1 month later...
Blueeyiz702

Blueeyiz702 200

Posted
Posted (edited)

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

 

 

 

 

 

 

 

5781a037ba61f_screenshotlocalhost8096201

Edited by blueeyiz7021
Link to post
Share on other sites
  • 2 weeks later...
lja

lja 45

Posted
Posted

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:

 

54e3a3309811b_normal.jpg

 

 

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:

 

54e3a3c2d77f0_blueglow.jpg

@@bigjohn

 

 

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

Link to post
Share on other sites
Happy2Play

Happy2Play 4789

Posted
Posted (edited)

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 by Happy2Play
Link to post
Share on other sites
Luke

Luke 26744

Posted
  • Author
Posted

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

Link to post
Share on other sites
lja

lja 45

Posted
Posted

 

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.

Link to post
Share on other sites
Blueeyiz702

Blueeyiz702 200

Posted
Posted

@@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.

Link to post
Share on other sites
Blueeyiz702

Blueeyiz702 200

Posted
Posted

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.

Link to post
Share on other sites
Happy2Play

Happy2Play 4789

Posted
Posted (edited)

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 by Happy2Play
Link to post
Share on other sites
Blueeyiz702

Blueeyiz702 200

Posted
Posted

 

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.

Link to post
Share on other sites
Happy2Play

Happy2Play 4789

Posted
Posted

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

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

Link to post
Share on other sites
Blueeyiz702

Blueeyiz702 200

Posted
Posted

57999224c5a3f_screenshotlocalhost8096201

 

 

 

 

 

 

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

 

  • Like 1
Link to post
Share on other sites
Blueeyiz702

Blueeyiz702 200

Posted
Posted

Looks sharp :)

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

Link to post
Share on other sites
Happy2Play

Happy2Play 4789

Posted
Posted

@

 

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;}
Link to post
Share on other sites
Blueeyiz702

Blueeyiz702 200

Posted
Posted (edited)

 

@

 

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 by blueeyiz7021
Link to post
Share on other sites
arrbee99

arrbee99 790

Posted
Posted

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 ?

Link to post
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
 Share
Followers 15
Go to topic listing
×
×
  • Create New...