1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

lazy load scripts

This commit is contained in:
Luke Pulverenti 2015-05-16 15:09:02 -04:00
parent 1f0760df09
commit 89e0515a15
31 changed files with 366 additions and 328 deletions

View file

@ -89,19 +89,11 @@
position: relative;
}
.backdropCard .cardPadder {
.backdropCard .cardPadder, .smallBackdropCard .cardPadder, .overflowBackdropCard .cardPadder {
padding-bottom: 56.25%;
}
.smallBackdropCard .cardPadder {
padding-bottom: 56.25%;
}
.squareCard .cardPadder {
padding-bottom: 100%;
}
.smallSquareCard .cardPadder {
.squareCard .cardPadder, .overflowSquareCard .cardPadder {
padding-bottom: 100%;
}
@ -109,11 +101,7 @@
padding-bottom: 75%;
}
.portraitCard .cardPadder {
padding-bottom: 150%;
}
.smallPortraitCard .cardPadder {
.portraitCard .cardPadder, .overflowPortraitCard .cardPadder {
padding-bottom: 150%;
}
@ -277,10 +265,6 @@
width: 50%;
}
.smallSquareCard {
width: 33.3334%;
}
.backdropCard {
width: 50%;
}
@ -293,8 +277,12 @@
width: 33.3%;
}
.smallPortraitCard {
width: 33.334%;
.overflowPortraitCard {
width: 40%;
}
.overflowBackdropCard {
width: 70%;
}
.cardProgress {
@ -307,6 +295,10 @@
opacity: .8;
}
.overflowSquareCard {
width: 42%;
}
@media all and (max-width: 1200px) {
.portraitCard .cardOverlayInner {
@ -331,16 +323,20 @@
@media all and (min-width: 640px) {
.smallSquareCard {
width: 25%;
}
.portraitCard {
width: 25%;
}
.smallPortraitCard {
width: 25%;
.overflowPortraitCard {
width: 36%;
}
.overflowBackdropCard {
width: 60%;
}
.overflowSquareCard {
width: 30%;
}
}
@ -364,17 +360,9 @@
width: 20%;
}
.smallSquareCard {
width: 20%;
}
.smallBackdropCard {
width: 25%;
}
.smallPortraitCard {
width: 20%;
}
}
@ -388,8 +376,16 @@
width: 20%;
}
.smallPortraitCard {
width: 16.666666666666666666666666666667%;
.overflowPortraitCard {
width: 23%;
}
.overflowBackdropCard {
width: 40%;
}
.overflowSquareCard {
width: 22%;
}
}
@ -415,14 +411,6 @@
.smallBackdropCard {
width: 16.666666666666666666666666666667%;
}
.smallSquareCard {
width: 16.666666666666666666666666666667%;
}
.smallPortraitCard {
width: 14.285714285714285714285714285714%;
}
}
@ -439,10 +427,6 @@
.smallBackdropCard {
width: 14.285714285714285714285714285714%;
}
.smallPortraitCard {
width: 12.5%;
}
}