New theme - Plex inspired look

[Happy2Play 9398]

47 minutes ago, Eigeplackter said:

My apologies if this issue has been handled somewhere in the thread.

Is there a special setting to get the back button on top of the screen ?

It doesnt seem to be hidden under the sidebar and I cant move backwards, i.e. when I'm into a collection with several movies.

Im running the official Chrome Version 127.0.6533.100 (64-bit) and used css 3.4  and 3.5.1.

 

Looks like you need to add .skinHeader-withminidrawer here.

@media (min-width: 50em) {
  .skinHeader-withfulldrawer, .skinHeader-withminidrawer {
    padding: 1em 5em 1em 10em !important;
  }

 

[CummingCowGirl 23]

I have two questions on this great theme. First how do I get rid of the blur on background images, and second when there is a update to Emby should I remove the theme and wait for a update on it? Thanks

[Happy2Play 9398]

9 hours ago, CummingCowGirl said:

I have two questions on this great theme. First how do I get rid of the blur on background images, and second when there is a update to Emby should I remove the theme and wait for a update on it? Thanks

Remove or comment out this code.

.backgroundContainer.itemBackgroundContainer.withBackdrop, .backgroundContainer.withBackdrop {
  -webkit-backdrop-filter: saturate(1.5) blur(0.5em);
  backdrop-filter: saturate(1.5) blur(0.5em);
}

As for the second, it depends on what change happen within the update as it is on the user to figure out the css changes that happen with every update.  But will guess if fillidill has time will post a version update per server changes.

[CummingCowGirl 23]

Thank for the code.

[Gremory17 12]

Alguien  me puede ayudar cuando emby no tiene ningún CSS  la serie "bleach" me detecta correctamente la S17
pero al colocar la configuración CSS la S17 desaparece y no es visible (solo se visualiza hasta la S16)
Version 4.8.10.0

css emby.txt

[Happy2Play 9398]

18 hours ago, Gremory17 said:

 

Alguien  me puede ayudar cuando emby no tiene ningún CSS  la serie "bleach" me detecta correctamente la S17
pero al colocar la configuración CSS la S17 desaparece y no es visible (solo se visualiza hasta la S16)
Version 4.8.10.0

css emby.txt 104.01 kB · 3 downloads

Not sure here as I cannot reproduce what you are seeing unless there is some sort of cache issue as Emby says there are 18 seasons in your video.

As I see all 18 seasons/Special thru Season 17.

[Gremory17 12]

Hace 4 horas, Happy2Play dijo:

No estoy seguro aquí, ya que no puedo reproducir lo que está viendo a menos que hay algún tipo de problema de caché, ya que Emby dice que hay 18 temporadas en su video.

Como veo las 18 temporadas/Especial a través de la temporada 17.

Carpeta Movies lo toma como una temporada por eso muestra "18" pero eso no debe afectar en nada ya que emby lo detecta de manera correcta su información pero en el video se muestra el verdadero error al no tener ningún CSS muestra correctamente la S17, al poner el CSS la S17 desaparece, Todo esto desde navegador Brave

Edited October 8, 2024 by Gremory17

[Happy2Play 9398]

1 hour ago, Gremory17 said:

Movies folder takes it as a season that's why it shows "18" but that should not affect anything since emby detects it correctly its information but in the video the real error is shown by not having any CSS shows correctly the S17, when you put the CSS the S17 disappears, All this from Brave browser

Still not sure as I retesting in Brave and everything appeared so I have no idea how to reproduce the issue you showed in your video.  Added the entire series and specials to ensure it was not something with episode count or something weird even tried with navbar open and closed.

[visproduction 264]

Grem's Season posters are smaller on a wider window.  Perhaps switching to smaller poster icons has something to do with loosing Season 17.  Also, I know there is sometimes a number of posters in a row limit from inside a .js.  Often the number is 16. But that should not change with a custom CSS change.  Smaller posters on wider window hitting some max-width limit?  Very strange.

[Happy2Play 9398]

1 minute ago, visproduction said:

Grem's Season posters are smaller on a wider window.  Perhaps switching to smaller poster icons has something to do with loosing Season 17.  Also, I know there is sometimes a number of posters in a row limit from inside a .js.  Often the number is 16. But that should not change with a custom CSS change.  Smaller posters on wider window hitting some max-width limit?  Very strange.

Yeah I tested default to extra small and could not reproduce what is shown in video.  But small gives me the same 9 images across.  So I don't know what other factor is at play here.

[visproduction 264]

Hmmm... Anime from Japan... Does Grim's title for season 17 have some quirky Japanese character in the name, or is there a space at the beginning of the name???  CSS change of font-family perhaps just can't read this type of name?

[Gremory17 12]

11 hours ago, Happy2Play said:

Todavía no estoy seguro de volver a probar en Brave y todo apareció, así que no tengo idea de cómo reproducir el problema que mostró en su video.  Se agregó toda la serie y especiales para asegurarse de que no era algo con recuento de episodios o algo extraño incluso intentado con la barra de navegación abierta y cerrada.

Acabo de intentar con navegador google  chrome y ahi si me detecta la S17 con CSS solo con navador brave no se porque no se visualiza S17

 

[Gremory17 12]

1 hour ago, visproduction said:

Grem's Season posters are smaller on a wider window.  Perhaps switching to smaller poster icons has something to do with loosing Season 17.  Also, I know there is sometimes a number of posters in a row limit from inside a .js.  Often the number is 16. But that should not change with a custom CSS change.  Smaller posters on wider window hitting some max-width limit?  Very strange.

 Ya pude solucionarlo al final ocupe el misma version CSS para navegador brave, pero  con la diferencia  que ahora los posters se ven mas grandes  en  el  anterior video hasta s10 se  podia visualizar sin desplazarme ahora  que los posters son mas grandes toma hasta s8 pienso tal vez que fue algun bug ocasiono esto

(Antiguo video con CSS en navegador Brave poster mas pequeños hasta s10)

 

 

(Actual video con CSS en navegador brave Poster mas grande hasta S8)

[shadezero 0]

On 8/10/2024 at 6:45 PM, Happy2Play said:

Looks like you need to add .skinHeader-withminidrawer here.

@media (min-width: 50em) {
  .skinHeader-withfulldrawer, .skinHeader-withminidrawer {
    padding: 1em 5em 1em 10em !important;
  }

 

It seems there is a similar issue within the settings portal.  This fixed the majority of it, but it's still happening on random pages such as:

• Users > Profile
• Live TV
• Transcoding
• Conversions > Settings
• Logs
• Logs > Settings
• Downloads

[Happy2Play 9398]

20 hours ago, shadezero said:

It seems there is a similar issue within the settings portal.  This fixed the majority of it, but it's still happening on random pages such as:

• Users > Profile
• Live TV
• Transcoding
• Conversions > Settings
• Logs
• Logs > Settings
• Downloads

No idea but a quick and dirty fix.

div.view-users-user, div.view-transcoding-transcoding, div.view-server-sync-sync, div.view-logs-logs, div.view-librarysetup-librarysetup, div.view-livetvsetup-livetvsetup, div.view-plugins-plugins {left: 7em!important;}

 

[Gremory17 12]

3 hours ago, Happy2Play said:

No idea but a quick and dirty fix.

div.view-users-user, div.view-transcoding-transcoding, div.view-server-sync-sync, div.view-logs-logs, div.view-librarysetup-librarysetup, div.view-livetvsetup-livetvsetup, div.view-plugins-plugins {left: 7em!important;}

 

muchas gracias  agregado a la nueva versión 

Emby3.6.1.txt

[fillidill 170]

Hello guys! Once again here is a new update that is now supporting stable version Emby v4.8.10.0. Enjoy!

Emby-Stable-style-v3.5.txt

[BlackDub 44]

On 08/10/2024 at 06:23, Happy2Play said:

Still not sure as I retesting in Brave and everything appeared so I have no idea how to reproduce the issue you showed in your video.  Added the entire series and specials to ensure it was not something with episode count or something weird even tried with navbar open and closed.

Can you share your css?

[sh0rty 535]

On 10/29/2024 at 5:03 PM, fillidill said:

Hello guys! Once again here is a new update that is now supporting stable version Emby v4.8.10.0. Enjoy!

Emby-Stable-style-v3.5.txt 121.33 kB · 75 downloads

Would love to see this incorporated as a theme in Emby core, also for the Apps like AndroidTV, Android and iOS. Tried out Jellyfin for the first time, but apart from Emby being the better/mature product overall, in terms of visual pleasing, Jellyfin UI is imo much more pretty to watch in meantime, thanks to some really nifty people who wrote some really cool CSS themes for it and the option to apply it to some non-web clients. 

[sh0rty 535]

I made a little more colorful version based on @fillidillv3.5 from 3 posts earlier, but leaning towards UltrachromicMod in terms of colors. So all credit belongs to fillidill!
Just a few corrections here and there (Top bar when scrolling, color scheme etc.).
Primarily it's just for my delight, perhaps someone else finds it useful.

Emby-Stable-style-3.5_colorful.txt

[sh0rty 535]

Sorry, forgot some shadows.

 

Emby-Stable-style-3.5_colorful_v2.txt

Edited January 9 by shorty1483

[CummingCowGirl 23]

Thanks @shorty1483much appreciated.

 

FYI guys when clicking to be taken to the last post in a email it takes you to the beginning of the thread instead.

[CummingCowGirl 23]

@shorty1483love your theme tweaks, just one thing how do I remove the background blur.

Edited January 10 by CummingCowGirl

[sh0rty 535]

3 hours ago, CummingCowGirl said:

@shorty1483love your theme tweaks, just one thing how do I remove the background blur.

Line 1734+1735, just remove the "blur" setting. Use the attached no blur file.

Emby-Stable-style-3.5_colorful_v3_no_blur.txt

Edited January 10 by shorty1483

[CummingCowGirl 23]

WOW thanks, I  would of been more than fine going through the code to remove it myself. 

EDIT:

Looks better but I was actually wanting on overlay on the background images at all.

Edited January 10 by CummingCowGirl