Jump to content

Custom CSS with Emby Web App


Luke

Recommended Posts

Happy2Play

Hello everyone,

I've updated the emby server now and this CSS code no longer works.

Whichever number I use, the images remain the same size.

Can anyone help with this?

Thank you

 

/* CSS#6 - My Media Image Size */

#homeTab .smallBackdropCard {

    width: 9.09;}

 

Here is what I use.  Looks like code is incomplete, what value is "9.09"?

/* My Media Image Size */
#homeTab .section0 .smallBackdropCard {
    width: 14%;}

Section is dependent of My Media being in section 1 on Home Screen settings.

  • Like 1
Link to comment
Share on other sites

CarlosLima

Hi, thank you very much for your response.
In fact my code was incomplete, but when I applied your code, the result was not changed.
I want to have only one line for the 12 menus and this is the reason I need to reduce the size of the images.

5cb94778c0dd0_Screenshot.png

Link to comment
Share on other sites

Happy2Play

I have no issue reducing the percentage and it reducing the image size.

 

5cb9dfdccb3e7_mymedia.jpg

  • Like 1
Link to comment
Share on other sites

CarlosLima

Hi, I found the probe and solved it.
I also use a portable emby server and it was just in it that the reported problems occurred and only now I got to understand that.
I am leaving to use the portable version and will only use the normal installation.
Thank you for all your efforts.

Link to comment
Share on other sites

VaporTrail

Hey gang,

 

I messed around with Emby 4.1.0.26 browser CSS today and came up with a Blackout theme. It uses Emby's standard green as the highlight color. Anyone willing to test it out in a clean stylesheet?

 

There's areas I didn't style because those settings aren't visible to a vanilla install like advanced DLNA profile settings.

 

I haven't browsed this thread, but looks like some very cool mods in the few images I'd seen! Will have to continue messing with it!

 

Please share your constructive criticism. File is attached!  :)

 

Emby 4.1 Blackout Theme - v2.css

 

Edit for clarity: I'm using Theme: Dark; Server Dashboard Theme: Light. 

Edited by VaporTrail
  • Like 1
Link to comment
Share on other sites

  • 2 weeks later...
STLK

comigo nao funcionou

Hi,
Your CSS code worked perfectly, excluding the text and the three points.

That's what I intended, to have the cleanest screen.

Thank you so much for this.

Link to comment
Share on other sites

STLK

 

Using CSS, this is my current login screen.
 
I think it's interesting to see the customizations made by users.
 
599373bb9a957_Capturar.jpg

 

 

 

Muito bacana sua  tela de login

Link to comment
Share on other sites

STLK

Alguem sabe dizer se a imagem de fundo nas bibliotecas poderiam ficar direto para quando o cliente entrar no app ja estar la e ele nao precisar colocar.

outra pergunta, tem como integrar uma pagina php ao emby onde o cliente entre e faça um cadastro antes de acessar. a pagina teria ja sou cliente e cadastre-se se tiver como fazer isso poderim passar como. grato

  • Like 1
Link to comment
Share on other sites

  • 6 months later...

Thank you,worked like a charm as always.[emoji108]

 

Sent from my Rooted Z987 on the Deathstar via Tapatalk

 

div.verticalSection.detailVerticalSection.audioVideoMediaInfo {display: none}

Edited by dcsalg
Link to comment
Share on other sites

Floflobel

Hi, thank you very much for your response.

In fact my code was incomplete, but when I applied your code, the result was not changed.

I want to have only one line for the 12 menus and this is the reason I need to reduce the size of the images.

5cb94778c0dd0_Screenshot.png

Hey,

What is the purpose of this text at the top: "Commandes Plans Support" ? These are links?

Edited by Floflobel
Link to comment
Share on other sites

Floflobel

How did you create his links on Emby? I have been trying to do it for quite some time.

Edited by Floflobel
Link to comment
Share on other sites

CarlosLima

How did you create his links on Emby? I have been trying to do it for quite some time.

 

Hi, this needs to be done in html

  • Like 1
Link to comment
Share on other sites

  • 3 weeks later...
oRenatoMaciel

Hi, this needs to be done in html

 

Poderia compartilhar seu arquivo HTML da tela de login conosco? Assim possamos entender como foi feito e personalizar o nosso também. Te agradeço!

 

Could you share your login screen HTML file with us? So we can understand how it was made and customize ours as well. I thank you!

Link to comment
Share on other sites

CarlosLima

Poderia compartilhar seu arquivo HTML da tela de login conosco? Assim possamos entender como foi feito e personalizar o nosso também. Te agradeço!

 

Could you share your login screen HTML file with us? So we can understand how it was made and customize ours as well. I thank you!

 

Oi, Renato. A atualização do emby, como sempre, quebrou muitos códigos CSS / HTML e portanto, vou precisar rever tudo do zero e quando pronto ai compartilho sim.

Link to comment
Share on other sites

  • 3 weeks later...
oRenatoMaciel

Oi, Renato. A atualização do emby, como sempre, quebrou muitos códigos CSS / HTML e portanto, vou precisar rever tudo do zero e quando pronto ai compartilho sim.

 

Ok. Fico no aguardo. Obrigado.

Link to comment
Share on other sites

  • 1 month later...
CarlosLima

Ok. Fico no aguardo. Obrigado.

 

Renato, consegui concluir o acerto dos códigos que envolvem a tela de login. 

As ordens

Link to comment
Share on other sites

Is there a CSS script to remove the "More From Season...." on the episode page? There are sometimes spoilers in the Episode thumbnails that would be helpful to avoid.

Link to comment
Share on other sites

Happy2Play

Is there a CSS script to remove the "More From Season...." on the episode page? There are sometimes spoilers in the Episode thumbnails that would be helpful to avoid.

 

Something like this

div.moreFromSeasonSection {display: none; }
  • Like 1
Link to comment
Share on other sites

PenkethBoy

@@Happy2Play

 

it appears the latest server has broken the checkboxes being coloured - now appear as standard green

 

do you have a fix for changing the colour back to the blue i had before

 

Ta

Link to comment
Share on other sites

Happy2Play

@@Happy2Play

 

it appears the latest server has broken the checkboxes being coloured - now appear as standard green

 

do you have a fix for changing the colour back to the blue i had before

 

Ta

 

You mean this?

.emby-checkbox:checked+span:before {
    border-color: #4285F4 !important;
    background-color: #4285F4 !important;
}


OR

input[type=checkbox]:checked+span:before  {
    border-color: #4285F4;
    background-color: #4285F4;
}

OR

input.emby-checkbox:checked+span:before {
    border-color: #4285F4;
    background-color: #4285F4;
}

 

 

 

tested on 4.4+

Edited by Happy2Play
Link to comment
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
×
×
  • Create New...