New theme - Plex inspired look

[fillidill 170]

3 hours ago, tomibi said:

Hi @fillidillin your latest css file you have local links in your file. These does not work for us.

.page[data-type="home"] .section4 .card:nth-of-type(10):before {
  background-image: url(http://192.168.1.4:8096/emby/Items/2348019/Images/Primary?maxHeight=220&quality=90);
}

Sorry about that. I forgot to remove my own special modifications that I usually remove here. I've updated the main post!

 

[Skyhigh69 7]

Looks like when you go into the movies or tv shows that the writing is funny in the first couple of sections, suggestions is written over and I cant tell what the first one is.

 

 

 

Edited July 17, 2022 by Skyhigh69

[Happy2Play 9441]

4 hours ago, Skyhigh69 said:

Looks like when you go into the movies or tv shows that the writing is funny in the first couple of sections, suggestions is written over and I cant tell what the first one is.

Can you go over specific example as I don't see what you are describing.

[Skyhigh69 7]

23 hours ago, Happy2Play said:

Can you go over specific example as I don't see what you are describing.

I would, but I got rid of css due to that. go into movies or tvshows and you will see movies and suggestions with something written over it. Your a mod maybe you can see the screen shot I upped yesterday, but got rid of it because it showed some of my info I didnt want posted. 

Edited July 18, 2022 by Skyhigh69

[fillidill 170]

New update for latest version of Emby Stable (and current beta). The update can be found in the main post as usual and is called "Emby-Stable-style-v2.5.txt"

[Happy2Play 9441]

Anyone else seeing an issue with header covering options?

Note with drawer pinned header displays correctly.

 

Just add this to correct the header.

div.headerTop-withSectionTabs:not(.skinHeader-tv) {
    height: calc(3.125em + 2 * max(1.2em,env(safe-area-inset-top,0)));
}

or

@media not all and (min-width:120em) {
    div.headerTop-withSectionTabs:not(.skinHeader-tv) {
         height: calc(3.125em + 2 * max(1.2em,env(safe-area-inset-top,0)))
    }
}

Don't know how may uses TV mode but this needs adjusted as it throw header right to opposite side.

@media (min-width: 80em) {
	.headerMiddle.sectionTabs.headerMiddle-withSectionTabs

to

@media (min-width: 80em) {
	.headerMiddle.sectionTabs.headerMiddle-withSectionTabs:not(.headerMiddle-tv)

 

Edited August 8, 2022 by Happy2Play
added note

[cassete 10]

On 25/08/2021 at 12:20, fillidill said:

Mudei do Plex para o Emby e, embora eu ache o Emby superior em sua flexibilidade, há algumas coisas que gosto mais no Plex, especialmente em termos de aparência. Este tema está tentando corrigir isso, tornando-o um pouco mais semelhante ao Plex, mas com algumas melhorias, na minha opinião. O CSS está anexado a este post para quem estiver interessado e abaixo estão algumas telas para mostrá-lo 
 

Bom saber

• Eu só uso o Chrome, então não posso garantir que esse CSS funcione conforme o esperado em outros navegadores. 
• Se você quiser que o menu da barra lateral se pareça com as telas, certifique-se de fixar a barra lateral.
• O emblema/banderoll assistido está invertido, o que significa que o emblema não será exibido se a mídia tiver sido assistida, como no Plex.
• Para a aparência desejada, use o tema "Escuro" para o tema Tema e Configurações nas configurações de exibição.

 

 

 

 

 

 

 

 

 

 

 

 

 

Emby-Stable-style-v2.4.txt 100,94 kB · 102 downloads

Emby-Stable-style-v2.5.txt 101,24 kB · 48 downloads

como faco para testar css, tenho a versao premium emby

[cassete 10]

ja consegui, e muito bonito, vou testar agora... parabens.. e voce tem dado continuidade no projeto, para android, tv´s smart

[Locutus64 124]

Post the English translation in your post. Thanks

[Nioord 0]

I have a question, how can I remove the images and only the text remains?

Thanks.

[seanbuff 1146]

5 minutes ago, Nioord said:

I have a question, how can I remove the images and only the text remains?

Try changing your Home Screen settings to just 'My Media (small)'

[Happy2Play 9441]

50 minutes ago, seanbuff said:

Try changing your Home Screen settings to just 'My Media (small)'

 

57 minutes ago, Nioord said:

I have a question; how can I remove the images and only the text remains?

Thanks.

Yes that would be the preferred method but if you want css you would add something like this.

div.sections.homeSectionsContainer div.section0 button.cardContent-button,
div.sections.homeSectionsContainer div.section0 div.cardOverlayContainer {display: none;}

You lose multi-select but have right click for other menu options.

Note section number is dependent on Home Screen layout, in this example My Media in Section 1.

[Locutus64 124]

On 8/19/2022 at 5:27 PM, Nioord said:

I have a question, how can I remove the images and only the text remains?

Thanks.

FGrom @Happy2Play's screen shot why woulds any one do that? 

[Mongers 0]

the back button is gone when playing episode how do I add that back ?

[Happy2Play 9441]

47 minutes ago, Mongers said:

the back button is gone when playing episode how do I add that back ?

What browser?  What resolution?

 

[Mongers 0]

12 minutes ago, Happy2Play said:

What browser?  What resolution?

 

I'm using Firefox, and rez is 2560x1440 and 1920x1080

[Happy2Play 9441]

3 minutes ago, Mongers said:

I'm using Firefox, and rez is 2560x1440 and 1920x1080

Yep looks like another FireFox defect will look and see if I see anything but works fine on Edge/Chrome.

[Happy2Play 9441]

@Mongers looks like it has something to do with "right: unset" for Firefox.  So removing, uncommenting will somewhat correct this.  

.skinHeader.videoOsdHeader {
    margin-top: calc(1.2em + env(safe-area-inset-top, 0)) !important;
    padding-top: 0 !important;
    right: unset;
}

Or change to something like this.  Works on FF not Edge/Chrome.

.skinHeader.videoOsd-customFont-remotecontrol:not(.skinheader.videoOsdHeader.headroom-scrolling) {
  margin-top: calc(1.2em + env(safe-area-inset-top, 0)) !important;
  padding-top: 0 !important;
  right: unset;
}

 

Get mixed results as it hides back button on both video and music back buttons in FF but in Edge/Chrome shows on video and music. @fillidill

FF

Edge/Chrome

 

[cassete 10]

A equipe do emby já está na hora de mudar a interface, remodelar, atualizar etc  ainda continua a mesmice de sempre, botões grandes my média etc. O plex deu uma atualizada na interface que ficou excelente, e por que o emby não pega o exemplo? Estou na esperança da equipe fazer essas mudanças, Parece que estacionaram no tempo. Peço essa atualização sempre, mas nada foi posto em prática. Aí tem que vir pessoas com ideias legais e tentar modificar o possível a interface , porque ja nao aguentam mais a mesma aparencia. Sou um investidor mensal, mas tô vendo que não há melhorias na interface.. até quando... 

[Makassu 1]

Hello, I have a problem with the volume button, when I try to increase and decrease the volume, the volume bar just disappears.
edit: windows 10, browser edge.

 

 

Edited September 26, 2022 by Makassu

[Locutus64 124]

On 8/27/2022 at 5:38 PM, cassete said:

A equipe do emby já está na hora de mudar a interface, remodelar, atualizar etc  ainda continua a mesmice de sempre, botões grandes my média etc. O plex deu uma atualizada na interface que ficou excelente, e por que o emby não pega o exemplo? Estou na esperança da equipe fazer essas mudanças, Parece que estacionaram no tempo. Peço essa atualização sempre, mas nada foi posto em prática. Aí tem que vir pessoas com ideias legais e tentar modificar o possível a interface , porque ja nao aguentam mais a mesma aparencia. Sou um investidor mensal, mas tô vendo que não há melhorias na interface.. até quando... 

FIXED IT:

 

The Emby team is already time to change the interface, remodeling, updating etc still the same same, large my average buttons etc. The Plex updated the interface that was excellent, and why doesn't the Emby take the example? I am in the hope of the team to make these changes, it seems that they parked in time. I always ask this update, but nothing has been put into practice. Then you have to come people with cool ideas and try to modify the possible interface, because they can no longer stand the same appearance. I'm a monthly investor, but I'm seeing that there is no improvements in the interface .. until when ...

 

INCLUDE THE ENGLISH TRANSLATION. that said I do agree and have agreed that the UI just sucks. Great for a TV, NOT for a PC.

Edited September 27, 2022 by Locutus64

[Skyhigh69 7]

Very true, it is becoming stale. I am very thankful for the emby team and members donating there time for other improvments. 

[Luke 40070]

10 hours ago, Locutus64 said:

FIXED IT:

 

The Emby team is already time to change the interface, remodeling, updating etc still the same same, large my average buttons etc. The Plex updated the interface that was excellent, and why doesn't the Emby take the example? I am in the hope of the team to make these changes, it seems that they parked in time. I always ask this update, but nothing has been put into practice. Then you have to come people with cool ideas and try to modify the possible interface, because they can no longer stand the same appearance. I'm a monthly investor, but I'm seeing that there is no improvements in the interface .. until when ...

 

INCLUDE THE ENGLISH TRANSLATION. that said I do agree and have agreed that the UI just sucks. Great for a TV, NOT for a PC.

Hi, you said you've "always asked this update". Where, can you please point me to that? thanks.

[Locutus64 124]

@Luke you really should of realized that I meant I provided the translation that @cassete should have. I mean I made that pretty clear in my footnote in that post.

Edited October 3, 2022 by Locutus64

[Mongers 0]

like the other person the Vol keeps vanishing when you attemp to change the Vol. and I the gradiant stays on screen. browser is chrome and emby 4.7.8. 

 

Edited October 3, 2022 by Mongers
versions