Jump to content


Photo

Some CSS Fixes & Tweaks :)

css fixes tweaks

  • Please log in to reply
113 replies to this topic

#101 Emby Tower OFFLINE  

Emby Tower

    Advanced Member

  • Members
  • 176 posts
  • Local time: 03:02 PM

Posted 24 March 2020 - 10:31 AM

And now I don't know what to say, I just pasted your code and it works like a charm. Thanks a lot!



#102 Diedrich OFFLINE  

Diedrich

    Advanced Member

  • Members
  • 706 posts
  • Local time: 09:02 AM

Posted 24 March 2020 - 02:14 PM

And now I don't know what to say, I just pasted your code and it works like a charm. Thanks a lot!

Could have been browser caching not being refreshed
  • Emby Tower likes this

#103 Emby Tower OFFLINE  

Emby Tower

    Advanced Member

  • Members
  • 176 posts
  • Local time: 03:02 PM

Posted 25 March 2020 - 02:50 PM

This will fix the "square" appearance of Season Posters if they no artwork and are using the Series Poster.

/* Resize Season Posters */
body > div.mainAnimatedPages.skinBody.skinBody-withWindowScroll > div:nth-child(n) > div > div.verticalSection.childrenSection-x > div > div.scrollSlider.focuscontainer-x.itemsContainer.padded-left.padded-right.focusable.scrollX.hiddenScrollX > div > div > div.cardScalable > div.cardPadder-square {padding-bottom: 147%;}

Before:

5e1437863ea1e_Before.jpg

 

After:

5e1437acdb2f3_After.jpg

 

What is the correct one for the actual stable version?

 

Thanks a lot!



#104 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 19145 posts
  • Local time: 06:02 AM
  • LocationWashington State

Posted 25 March 2020 - 02:57 PM

@Luke is there a reason inherited Season images present in square instead of portrait still, as shown above?



#105 Luke OFFLINE  

Luke

    System Architect

  • Administrators
  • 156872 posts
  • Local time: 09:02 AM

Posted 25 March 2020 - 03:06 PM

It's an open issue right now.


  • Happy2Play likes this

#106 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 19145 posts
  • Local time: 06:02 AM
  • LocationWashington State

Posted 25 March 2020 - 03:11 PM

What is the correct one for the actual stable version?

 

Thanks a lot!

 

Something like this.

[data-type="Season"] div.cardScalable.cardPadder-square {padding-bottom: 147%;}

  • Emby Tower likes this

#107 daedalus OFFLINE  

daedalus

    Advanced Member

  • Members
  • 1386 posts
  • Local time: 03:02 PM

Posted 25 March 2020 - 03:53 PM

the circles seem to be rendered differently on different browsers

 

Firefox              ||      Edge (Chorme)

 

Attached File  ff.png   67.46KB   4 downloads     ||     Attached File  edge(chorme).png   59.85KB   3 downloads

 

and on both, the circle is still there and broader than the banner

 

but on the season view, both look the same:

 

Firefox                        ||    Edge (Chorme)

Attached File  ff.png   161.77KB   3 downloads     ||    Attached File  edge(chorme).png   153.74KB   2 downloads


Edited by daedalus, 25 March 2020 - 03:58 PM.


#108 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 19145 posts
  • Local time: 06:02 AM
  • LocationWashington State

Posted 25 March 2020 - 04:42 PM

the circles seem to be rendered differently on different browsers

 

Firefox              ||      Edge (Chorme)

 

attachicon.gifff.png     ||     attachicon.gifedge(chorme).png

 

and on both, the circle is still there and broader than the banner

 

but on the season view, both look the same:

 

Firefox                        ||    Edge (Chorme)

attachicon.gifff.png     ||    attachicon.gifedge(chorme).png

 

Because FireFox does there own thing.

 

Add this.

div.countIndicator, i.playedIndicator {
    background: transparent;
    box-shadow: none;
}

I personally can't tell what the difference in the 16:9 image compare.


  • daedalus likes this

#109 Emby Tower OFFLINE  

Emby Tower

    Advanced Member

  • Members
  • 176 posts
  • Local time: 03:02 PM

Posted 26 March 2020 - 08:52 AM

How can I switch to another font?

 

I've installed Nexa Bold on all PCs, but don't find the correct css code.

 

Thanks a lot!



#110 daedalus OFFLINE  

daedalus

    Advanced Member

  • Members
  • 1386 posts
  • Local time: 03:02 PM

Posted 26 March 2020 - 03:55 PM

I personally can't tell what the difference in the 16:9 image compare.

 

because there is no difference, the indicator on the season view is just "different", what leads to the same apperence in both browsers

 

but on the season view, both look the same:

 

Firefox                        ||    Edge (Chorme)

attachicon.gifff.png     ||    attachicon.gifedge(chorme).png

 



#111 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 19145 posts
  • Local time: 06:02 AM
  • LocationWashington State

Posted 26 March 2020 - 08:23 PM

How can I switch to another font?

 

I've installed Nexa Bold on all PCs, but don't find the correct css code.

 

Thanks a lot!

Have you seen this topic?

https://emby.media/c...ont-size/page-1

 

May have to add additional elements, like "button".  All depends on what area you what to change.



#112 Emby Tower OFFLINE  

Emby Tower

    Advanced Member

  • Members
  • 176 posts
  • Local time: 03:02 PM

Posted 02 April 2020 - 04:38 PM

Have you seen this topic?

https://emby.media/c...ont-size/page-1

 

May have to add additional elements, like "button".  All depends on what area you what to change.

I want to use "Nexa Bold" for the whole Emby Server...



#113 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 19145 posts
  • Local time: 06:02 AM
  • LocationWashington State

Posted 02 April 2020 - 04:54 PM

I want to use "Nexa Bold" for the whole Emby Server...

 

So something like this, I haven't looked at all areas so there may be more elements.

/*Change Font*/
html, h1, h2, h3, button {font-family: "Nexa Bold"; }

Edited by Happy2Play, 02 April 2020 - 04:59 PM.
typo in button

  • Emby Tower likes this

#114 drashna OFFLINE  

drashna

    Advanced Member

  • Members
  • 169 posts
  • Local time: 06:02 AM

Posted 07 April 2020 - 09:24 AM

 

So something like this, I haven't looked at all areas so there may be more elements.

/*Change Font*/
html, h1, h2, h3, button {font-family: "Nexa Bold"; }

 

 

I want to use "Nexa Bold" for the whole Emby Server...

 

 

I use this, and it works well:

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: normal;
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v11/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
}
* {
    font-family: 'Ubuntu';
}
body * {
    font-family: 'Ubuntu';
}

::cue {
    font-family: 'Ubuntu'!important;
    font: 'Ubuntu'!important;
}

It is a fairly brute forcing of it, but it works well, and doesn't break icons/symbols. 

 

I don't know what to say as this is what I get with the code posted in post 95 and 96, no other code.
 
LHS/RHS
 
5e79de11655d5_lhs1.jpg

5e79de2628648_lhs2.jpg
 

5e79de528a0de_lhs3.jpg

 

On 4.4.1.0, that doesn't appear to be the case anymore?   At least, not for me.  Series and episodes (and folders) work, but it's still a circle for movies. 


  • Emby Tower likes this





Also tagged with one or more of these keywords: css, fixes, tweaks

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users