Custom CSS with Emby Web App

[bigjohn 596]

Go to Users, click on a user, there is the area for connecting the user via Media Browser Connect that needed a dark background. Then click on the password area, if there has not been a password set and you are on a screen with enough vertical resolution you will see an area of light background at the bottom of the page.

 

So, just cleaning up some little stuff that I missed.

[mediacowboy 436]

Nice

[bigjohn 596]

Also had to edit the "blue glow" css in this post:

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

to also include PlaylistsFolder cardContent because I missed that (didn't have any playlists).

[bigjohn 596]

Also added this to make the bottom border on the menu and links match the blue from my Disparity collection images with the blue glow:

/* Deeper blue in links/bottom border to match Disparity*/
.libraryViewNav .ui-btn-active {
  border-bottom-color: #005EF3;
}
.libraryViewNav a:not(.ui-btn-active):hover {
color: #005EF3 !important;
}
.ui-page-theme-b a:visited, html .ui-bar-b a:visited, html .ui-body-b a:visited, html body .ui-group-theme-b a:visited {
  color: #005EF3;
}
.ui-page-theme-b a:hover, html .ui-bar-b a:hover, html .ui-body-b a:hover, html body .ui-group-theme-b a:hover {
  color: #005EF3;
}

[jamvids 36]

Well, Ya gotta start somewhere,

Changed a font, looks very cinemary

 

[CarlosLima 86]

 

Couple of additions to my dark dashboard css:

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

Thanks for that.

[CarlosLima 86]

You could use the CSS code to reduce the size of images of users on the login screen ??

 

[Abobader 1813]

@@Luke, @@Abobader

 

If it's a good idea, can we maybe create a sub forum for Custom CSS while it's still early? I have a feeling this thread is going to get really long and be tedious to see the awesome stuff people come up with.

 

Good day,

 

It good idea, how about it Luke and @@ebr ?

 

The correct place will be at :

 

http://mediabrowser.tv/community/index.php?/forum/69-community-contributions/

 

As Techy said, with some images to give the members the feel and look of the modify custom CSS code.

 

My best

[Luke 26537]

sure go ahead

[Abobader 1813]

sure go ahead

 

Done.

 

http://mediabrowser.tv/community/index.php?/forum/144-custom-css/

 

For "Keith", Luke reply here in seconds just to show you that he actually read every posts in the community forum, and he also never sleep

[Koleckai Silvestri 1089]

Here is my setup so far: 

 

 

Here is the CSS: http://pastebin.com/SagnfzpS

[primecut 19]

I used some of the code in this thread to customize my poster/thumb view and thought I'd share:

Screenshots: http://imgur.com/a/QGJsz

/* Played Indicator Size+Color+Shadow+Border */
.playedIndicator {
font-size: 13px;
border-radius: 3px;
background: rgba(49,124,186,0.9);
height: 20px;
width: 34px;
top: 6px;
right: 3px;
border-style: groove;
border-width: 1px;
border-color: #99E5FF;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.9);
-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.9);
box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.9);
}
/* Thumbs & Posters Border+Shadow */
.cardImage {
border-radius: 5px;
border-style: solid;
border-width: 1px;
border-color: #333333;
-webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.9);
-moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.9);
box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.9);
}

[GugZi 2]

how can i do so Unplayed always are checked?

[pyrater 0]

Well, Ya gotta start somewhere,

Changed a font, looks very cinemary

 

 

How do you make those icons small and wide?

[Happy2Play 4700]

How do you make those icons small and wide?

 

Go to My Preferences-Web Client-Home Page Section 1-drop down to "My View (buttons)"

 

[MegaCarnac 1]

Thank you very much everyone for the contribution that has been made here, thanks to you I managed to leave my most enjoyable Emby.

 

I wanted to change everything that is red to blue in that proportion:

# 22aadd >>> # FF0000 or # F00

# 3388cc >>> # CC0000 or # C00

 

 

http://imgur.com/a/hrLqL

 

 

I just want to make the colors in the pattern in red, completely change the blue, but I can not find the code in CSS to make this change.

If anyone can help me I appreciate it.

Edited June 27, 2015 by MegaCarnac

[Blueeyiz702 200]

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

Just tried with Opera browser and very nice it works perfect.Might want to lighten up text on the left,it shows real dark for me.

 

Edited July 13, 2015 by blueeyiz7021

[lokiii 0]

I've tried your CSS but I can't find how to show my collections on my home, I can only show a folder called "collections" and that contains all my collections, but I can't find how to show them directly on home.

Can someone please help ?

thanks a lot ! =)

[ebr 11500]

I've tried your CSS but I can't find how to show my collections on my home, I can only show a folder called "collections" and that contains all my collections, but I can't find how to show them directly on home.

Can someone please help ?

thanks a lot ! =)

 

CSS can only change styling (fonts, colors, sizes, placement to some degree and hiding things).  You cannot change the logic of the application with it.  There isn't currently any logic that will show individual collections on the home page.

[Blueeyiz702 200]

 

Oh yeah, forgot I had done the login page previously as well:

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

bigjohn,i pasted your css in start page on opera and got this,kinda like it turned out black and white.

but can i ask what is the correct color it should,if not black and white? the background on screenshot should be blacl.

Edited July 19, 2015 by blueeyiz7021

[ebr 11500]

Maybe your browser wants the full six digits on the color code...?  #000000

[bigjohn 596]

bigjohn,i pasted your css in start page on opera and got this,kinda like it turned out black and white.

but can i ask what is the correct color it should,if not black and white? the background on screenshot should be blacl.

 

There is a semicolon missing after the #000. That may be why yours is not black. I just fixed it in the original post. 

[ebr 11500]

There is a semicolon missing after the #000. That may be why yours is not black. I just fixed it in the original post. 

 

Ahhhhh.....

[kaylin4u 0]

I've been messing with my dashboard, and after the recent upgrade, the letters on the left are black.  What do I need to change on my css setting?

[bigjohn 596]

I've been messing with my dashboard, and after the recent upgrade, the letters on the left are black.  What do I need to change on my css setting?

 

 

I had to add this:

.sidebarLinkText {
  color:#fff;
}