A few css bits mostly from other people

[minininja 0]

On 05/05/2023 at 17:42, arrbee99 said:

Still not getting home page backdrop to work. Thought it might be -

[data-type="home"] div.view.flex.flex-direction-column.withTabs.page {background-image: url("https://wallpapercave.com/wp/wp11259304.jpg");}

That works without the data-type home bit but its on every page. Is there no data-type any more ? Any thoughts please ?

would this work?

.backgroundContainer {
  background-image: url("https://wallpapercave.com/wp/wp11259304.jpg");
  background-size: cover;
}

 

[arrbee99 1560]

Doesn't seem to work for me. The image doesn't appear at all.

As I say, its more getting it to appear on the Home page only...

[arrbee99 1560]

@Lukedo you know if this [data-type="home"] option thing still exists ?

[minininja 0]

18 minutes ago, arrbee99 said:

Doesn't seem to work for me. The image doesn't appear at all.

As I say, its more getting it to appear on the Home page only...

I'm not on the beta and it works for me. Hopefully someone more knowledgeable than me can chime in and help.

[arrbee99 1560]

Might be because I'm on the beta. But does it appear only on that page or does it appear as background for movies or TV Series, as in -

[amateurgod 26]

On 11/05/2023 at 01:01, arrbee99 said:

Might be because I'm on the beta. But does it appear only on that page or does it appear as background for movies or TV Series, as in -

It only appears on home for me, the TV shows and movies have a blank background on mine

[arrbee99 1560]

Interesting. Thanks. Guess I've got something interfering somewhere. Finding that should keep me quiet for a bit

[King Pin 28]

Was there an update lately that broke this CSS?  

I applied my saved CSS that I worked so hard to get how I want and it seems like it's like it's all messed up.

Like @arrbee99my homepage background is missing and all my settings have changed somehow.  

[King Pin 28]

@arrbee99I got my homepage image back.  If you are using imgur try adding your link to the CSS again.  

I still have to go through and change everything else again though.  

Gonna be a long night. 

[arrbee99 1560]

Think it changed for me when the betas resumed after the break they had. Course if you're not actually on a beta...

Haven't really noticed anything apart from the home page thing for me though.

I guess its just one of those things. Devs are going to make changes and aren't going to worry about a few css things that might be affected for a few people (even for those of us with impeccable taste like wot we are so generously blessed with )

[King Pin 28]

15 minutes ago, arrbee99 said:

Think it changed for me when the betas resumed after the break they had. Course if you're not actually on a beta...

Haven't really noticed anything apart from the home page thing for me though.

I guess its just one of those things. Devs are going to make changes and aren't going to worry about a few css things that might be affected for a few people (even for those of us with impeccable taste like wot we are so generously blessed with )

I fixed everything but I'm haveing issues again trying to shrink these.  

edit:  just fixed it. 

Edited May 13, 2023 by King Pin

[arrbee99 1560]

Sigh. Wish I could fix things so quickly.

[arrbee99 1560]

Don't know if this is useful, or good, and certainly not extensively tested (barely tested at all), but this deems to help with making icons more visible on the top of the screen with light backgrounds. Think previously only two of the icons had dropshadows -

/* Try to add drop shadow to all header buttons */
.headerButton {text-shadow: 2px 2px rgb(0 0 0);}

[arrbee99 1560]

I see my home page also shows up here. Actually I quite like it (for now)

...as you can see, I haven't applied myself to finding out why it pops up there.

[visproduction 123]

CSS style for Home and Dashboard is inside .backgroundContainer class.
Here is my solution... Enjoy.

I think this background looks sort of like the colors in a darkened theater with the big old curtains.  You hardly ever see these grand old theaters anymore.

.backgroundContainer {
    background: linear-gradient(to right, #000420 0%, #06256f 18%, #2b052b 38%, #2b052b 45%, #06256f 78%, #000420 100%) !important;
    -webkit-backdrop-filter: none !important;
    background-blend-mode: color !important;
    width: 151% !important;
    height: 178% !important;
    margin: 0;
    background-repeat-y: repeat !important;
    transform: rotate(63deg) !important;
    left: -480px;
    top: -496px;
    padding: 312px;
}

It's tricky to get the slant color to work for all screen sizes.  You can change the colors to whatever you like, but be warned it's easy to spend hours playing around with this.

The custom blue image in the scrollbar slider, on the right, only appears in Chrome and some other.  I use this a lot in some other custom simulators.  The colored middle scrollbar only appears on mouse over.

/* Corners */
::-webkit-scrollbar-button {
	background-image: url(../emby/web/i/sbar.jpg);
}
/* Backing middle */
::-webkit-scrollbar-track-piece {
    background: #597582;
	border:3px solid #62636C;
	z-index:2;
}
::-webkit-scrollbarShadowColor {
	background-color:green;
	z-index:2;
}
::-webkit-scrollbar-thumb:hover {
	background-image:url(../emby/web/i/slider_button01.png);
}

The scrollbar images are:
  

Edited May 20, 2023 by visproduction

[xxAmigoxx 2]

On 6/8/2022 at 12:33 PM, King Pin said:

I installed the new update and I guess I forgot to save some changes so now I have this going on.  I can't for the life of me find what to change to put it back where it's supposed to be to the right side. 

 

How did you change the emby background photo? 

[polaris70 9]

Can anyone here again give me the CSS to make the media poster bigger for Apple TV on the front page or even for the Movies section? I am sure we got it because the code worked for my Apple TV before, but I accidentally deleted it. Thank you!

[amateurgod 26]

Has anyone elses stopped working in the 4.8 update?

[Happy2Play 8282]

54 minutes ago, amateurgod said:

Has anyone elses stopped working in the 4.8 update?

Every server release has code changes so you would have to be specific on what is not working.

[amateurgod 26]

1 hour ago, Happy2Play said:

Every server release has code changes so you would have to be specific on what is not working.

ive managed to fix the stuff i noticed, the only thing im trying to work out now is how to change the colour of text in dashboard etc to make it more readable since my background is now also in there not just homepage

[Happy2Play 8282]

8 hours ago, amateurgod said:

ive managed to fix the stuff i noticed, the only thing im trying to work out now is how to change the colour of text in dashboard etc to make it more readable since my background is now also in there not just homepage

What exactly do you need as yes targeting specific areas can be difficult.

[Olywa123 46]

@Happy2Play

Hi Happy, Not sure if you can help me out please. The following (from 2pages back), to make custom 'my media' buttons smaller no longer seems to work since 4.8.
I've tried using CSS Peeper to figure this out and also looking through other CSS threads but no luck so far.

I'm sure it's something simple. 

/* My Media Buttons Image Size
(can be a percentage 'width: 8%' or pixel count 'width: 85 px' ) */
[data-type="home"] div.section0 .backdropCard {width: 85px;}

and

/* My Media Buttons Gap Size */
[data-type="home"] div.section0 div.cardBox {margin: 0 .19em;}

Also, would you know if there is a CSS method to move 'links' (imdb, tvdb) up beneath the movie synopsis on the items pages? This used to be possible but I believe can only be done by editing the 'item.html' since a few releases back. 

[amateurgod 26]

10 hours ago, Happy2Play said:

What exactly do you need as yes targeting specific areas can be difficult.

The text in the dashboard as its hard to see with my background 

like so  

[Happy2Play 8282]

2 hours ago, Olywa123 said:

@Happy2Play

Hi Happy, Not sure if you can help me out please. The following (from 2pages back), to make custom 'my media' buttons smaller no longer seems to work since 4.8.
I've tried using CSS Peeper to figure this out and also looking through other CSS threads but no luck so far.

I'm sure it's something simple. 

/* My Media Buttons Image Size
(can be a percentage 'width: 8%' or pixel count 'width: 85 px' ) */
[data-type="home"] div.section0 .backdropCard {width: 85px;}

and

/* My Media Buttons Gap Size */
[data-type="home"] div.section0 div.cardBox {margin: 0 .19em;}

Also, would you know if there is a CSS method to move 'links' (imdb, tvdb) up beneath the movie synopsis on the items pages? This used to be possible but I believe can only be done by editing the 'item.html' since a few releases back. 

This is due to [data-type="home"] no longer existing, change to div.homeSectionsContainer.

And you are correct for the Links as the html would have to be modified.

[Happy2Play 8282]

2 hours ago, amateurgod said:

The text in the dashboard as its hard to see with my background 

like so  

This is still limited but something like this.  

div.dashboardContainer div.infoBanner, div.dashboardContainer div.listItemBodyText, div.dashboardContainer div.secondaryText {
        color: yellow;
}