New theme - Plex inspired look

[arthurmv 14]

2 minutes ago, EasyCodex said:

Disculpe mi traductor no sirve, lo que quería decir es como puedo obtener este tema.

Solo descarga la ultima versión del CSS y pegalo en la configuración de tu emby. Los cambios solo seran reflejados en la versión WEB.

[EasyCodex 1]

1 minute ago, arthurmv said:

Solo descarga la ultima versión del CSS y pegalo en la configuración de tu emby. Los cambios solo seran reflejados en la versión WEB.

Si pero quisiera saber el tema que esta así diseñado como en las fotos, ya que he visualizado que cuando pongo en Live TV no sale esos colores así de reflejado como dice Fox.

[arthurmv 14]

3 minutes ago, EasyCodex said:

Si pero quisiera saber el tema que esta así diseñado como en las fotos, ya que he visualizado que cuando pongo en Live TV no sale esos colores así de reflejado como dice Fox.

Puede que la version del CSS o el de tu servidor sean diferentes. A mi tampoco me salia igual porque uso la versión beta del servidor. Ahora tuve que desactivarlo por unas cuestiones, pero revisa esos datos.

Edited March 9, 2024 by arthurmv

[EasyCodex 1]

5 minutes ago, arthurmv said:

Puede que la version del CSS o el de tu servidor sean diferentes. A mi tampoco me salia igual porque uso la versión beta del servidor. Ahora tuve que desactivarlo por unas cuestiones, pero revisa esos datos.

Oh claro entiendo, ahora entonces lo pongo con el v3.0 que ha arreglado ya que en la versiones que obtiene v.2.9 no funciona, sale diferente.

[arthurmv 14]

35 minutes ago, EasyCodex said:

Oh claro entiendo, ahora entonces lo pongo con el v3.0 que ha arreglado ya que en la versiones que obtiene v.2.9 no funciona, sale diferente.

Así es, las clases CSS cambian con las versiones, dale a "Follow topic" para que no te pierdas de las actualizaciones, o solo no actualices de inmediato tu servidor. Igual si encuentras algun error aquí todos nos ayudamos. 

[chrypox 8]

Hello everyone and thank you for this theme :-D.

I'm writing to you because I have a problem with the latest version ...

As you can see from the screenshot, the video and audio information is truncated.

Do you have a solution for me?

Thanks in advance

[BlackDub 50]

15 hours ago, EasyCodex said:

Si pero quisiera saber el tema que esta así diseñado como en las fotos, ya que he visualizado que cuando pongo en Live TV no sale esos colores así de reflejado como dice Fox.

Te lo envio por privado

[TECFOX 0]

Shame I missed this earlier looked broken for me.. ooh well thanks for all the work on this before lol.

[sh0rty 714]

On 3/10/2024 at 10:10 AM, chrypox said:

Hello everyone and thank you for this theme :-D.

I'm writing to you because I have a problem with the latest version ...

As you can see from the screenshot, the video and audio information is truncated.

Do you have a solution for me?

Thanks in advance

 

Add this to your css

.emby-select-wrapper-inline-disabled {
    height: 3em !important;
}

 

[chrypox 8]

22 hours ago, shorty1483 said:

Ajoutez ceci à votre CSS

 

Un grand merci

[Mithrim 5]

Love the theme!

There is an issue, however: 

The one on the left is "Emby 3.0 Arreglo", on the right is the original theme (with no css additions in settings).

On the left, I can't click on the arrow to go right. So I can't see the next episodes of a series. In the vanilla version 4.8.5.0 everything works propperly and I can scroll to the right by clicking on the the arrow/area.
 

[Nosunk 2]

On 4/28/2024 at 2:57 AM, Mithrim said:

Love the theme!  喜欢这个主题！

There is an issue, however: 
但是，存在一个问题：

The one on the left is "Emby 3.0 Arreglo", on the right is the original theme (with no css additions in settings).
左边是“Emby 3.0 Arreglo”，右边是原始主题（设置中没有添加 css）。

On the left, I can't click on the arrow to go right. So I can't see the next episodes of a series. In the vanilla version 4.8.5.0 everything works propperly and I can scroll to the right by clicking on the the arrow/area.
在左边，我无法单击箭头向右移动。所以我看不到系列的下一集。在原版 4.8.5.0 中，一切正常，我可以通过单击箭头/区域向右滚动。
 

 

Yes, there was this bug in the beta, and I don't know much about css, but I tried to fix it.

I can't remember exactly, but by comparing the original files, I think it was this part, and I was able to switch right and left during the episode, at least on my Firefox and Chrome.

 

delete this in your css code:

.verticalSection.seriesItemsSection .emby-scroller.scrollX {
    overflow-x: visible!important;
    overflow-y: visible!important;
    display: block!important;
}
.verticalSection.seriesItemsSection .portraitCard-horiz {
    width: 11vw!important;
    max-width: 170px!important;
    min-width: 120px!important;
    float: left!important;
    display: inline-block!important;
    position: unset!important;
}
.verticalSection.seriesItemsSection .itemsContainer {
    display: inline-block !important;
    width: 100% !important;
    min-width: unset!important;
    min-height: unset!important;
    height: 10 !important;
    contain: unset!important;
}
@media (max-width: 600px) {
    .verticalSection.seriesItemsSection .itemsContainer {
        width: 100% !important;
    }
}

.verticalSection.seriesItemsSection .card.portraitCard.card-hoverable.focusable, .verticalSection.seriesItemsSection .card.squareCard.card-hoverable.focusable {
  float: left;
}

 

Maybe someone else has a better idea

However, after I deleted it, there was nothing wrong except that it worked normally

[fillidill 175]

Hello again guys! I've finally made the move to the new version of Emby and have therefore updated the CSS. Shared it below if anyone wants it! Please note that Emby version 4.8.8.0 is required. 

Emby-Stable-style-v3.0.txt

[Gremory17 15]

On 6/6/2024 at 6:02 AM, fillidill said:

Hello again guys! I've finally made the move to the new version of Emby and have therefore updated the CSS. Shared it below if anyone wants it! Please note that Emby version 4.8.8.0 is required. 

Emby-Stable-style-v3.0.txt 115.16 kB · 14 downloads

muchas gracias por subir la nueva version, tienes alguna forma de arreglar esto?

[Happy2Play 9780]

@fillidillThe issue above is related to the "Preferred TV show display:" options as it is fine with "Always show Season Folders".  So it is broke on the option 1 and 2 when only one season exists.

Maybe something like this added not to this code.

.verticalSection.seriesItemsSection .itemsContainer:not(.allEpisodesItemsContainer) {
    display: inline-block !important;
    width: 100% !important;
    min-width: unset !important;
    min-height: unset !important;
    height: auto !important;
    contain: unset !important;
}

 

Edited June 14, 2024 by Happy2Play

[fillidill 175]

@Happy2PlayAlways so helpful, Happy  Very good find!

@Gremory17 See latest release below.

Here is a updated release with above fix and some others that I've found myself.

Emby-Stable-style-v3.1.txt

[Gremory17 15]

8 hours ago, fillidill said:

@Happy2PlayAlways so helpful, Happy  Very good find!

@Gremory17 See latest release below.

Here is a updated release with above fix and some others that I've found myself.

Emby-Stable-style-v3.1.txt 116.84 kB · 1 download

Muchísimas gracias  quedo perfecto

[Mithrim 5]

On 6/14/2024 at 4:06 PM, fillidill said:

@Happy2PlayAlways so helpful, Happy  Very good find!

@Gremory17 See latest release below.

Here is a updated release with above fix and some others that I've found myself.

Emby-Stable-style-v3.1.txt 116.84 kB · 9 downloads

Awesome! Thx for the work!
What about deleting this part, though? In v3.1 the scrolling is still broken:

 

[fillidill 175]

@MithrimHmm, could you please tell me where this happens so I can try to re-produce it on my end? Thanks in advance!

[fillidill 175]

@Mithrim@Nosunk

Below release should fix the problem no matter what setting you use.

Emby-Stable-style-v3.2.txt

[Nosunk 2]

On 6/19/2024 at 3:58 PM, fillidill said:

@Mithrim@Nosunk 

Below release should fix the problem no matter what setting you use.
无论您使用什么设置，下面的版本都应该可以解决问题。

Emby-Stable-style-v3.2.txt 117.21 kB · 8 downloads
Emby-Stable-style-v3.2.txt 117.21 kB ·8 下载

Ok, maybe I should try the new version.

Unfortunately, I can't remember what I changed. Although my own modified css works just fine.

[Mithrim 5]

On 6/19/2024 at 9:58 AM, fillidill said:

@Mithrim@Nosunk

Below release should fix the problem no matter what setting you use.

Emby-Stable-style-v3.2.txt 117.21 kB · 11 downloads

That fixed it! Very much appreciated 

[Mithrim 5]

I found another issue, unfortunately. The volume slider fades out before you're able to use it.

Hovering over the mute button brings up the slider but when I move the mouse over it, it vanishes and can't be clicked: 


OperGX
LVL5 (core: 109.0.5097.100)

Update-Stream:Early Access
OS:Windows 10 64-bit
Chromium-Version:123.0.6312.124

Edited June 21, 2024 by Mithrim

[Happy2Play 9780]

10 hours ago, Mithrim said:

I found another issue, unfortunately. The volume slider fades out before you're able to use it.

Hovering over the mute button brings up the slider but when I move the mouse over it, it vanishes and can't be clicked:


OperGX
LVL5 (core: 109.0.5097.100)

Update-Stream:Early Access
OS:Windows 10 64-bit
Chromium-Version:123.0.6312.124

Not sure how to replicate your issue

[Mithrim 5]

21 hours ago, Happy2Play said:

Not sure how to replicate your issue

I'm not sure what view you are showing there but this is how it looks for me when hovering over the speaker icon (this time Microsoft Edge Version 126.0.2592.68 (Official Build) (64-Bit):

CSS is from Emby-Stable-style-v3.2.txt