mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
improve poster sizing
This commit is contained in:
Luke Pulverenti
parent
48ea645cf9
commit
cd1e583fa7
58 changed files with 931 additions and 549 deletions
|
|
@ -9,8 +9,57 @@
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.card, .card a {
|
||||
text-decoration: none;
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.cardOverlayTarget {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, .85);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cardOverlayInner {
|
||||
padding: 11px 12px 10px;
|
||||
}
|
||||
|
||||
.cardOverlayInner button:last-child {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.cardOverlayInner p {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem .cardOverlayInner > div {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.cardBox {
|
||||
margin: 4px 4px;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 800px) {
|
||||
|
||||
.cardBox {
|
||||
margin: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 600px) {
|
||||
|
||||
.cardBox {
|
||||
margin: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.visualCardBox {
|
||||
|
|
@ -29,20 +78,24 @@
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.card-16-9 .cardPadder {
|
||||
.backdropCard .cardPadder {
|
||||
padding-bottom: 56.25%;
|
||||
}
|
||||
|
||||
.card-1-1 .cardPadder {
|
||||
.squareCard .cardPadder {
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
|
||||
.card-4-3 .cardPadder {
|
||||
.letterBoxCard .cardPadder {
|
||||
padding-bottom: 75%;
|
||||
}
|
||||
|
||||
.card-3-2 .cardPadder {
|
||||
padding-bottom: 66.666666666667%;
|
||||
.portraitCard .cardPadder {
|
||||
padding-bottom: 150%;
|
||||
}
|
||||
|
||||
.bannerCard .cardPadder {
|
||||
padding-bottom: 18.5%;
|
||||
}
|
||||
|
||||
.cardContent {
|
||||
|
|
@ -59,13 +112,13 @@
|
|||
box-shadow: 0 0 0 5px #38c;
|
||||
}
|
||||
|
||||
.cardBox .cardContent:hover {
|
||||
.alternateHover:hover .cardContent {
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.cardContent:hover .cardImage {
|
||||
.alternateHover:hover .cardImage {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
|
|
@ -111,12 +164,32 @@
|
|||
overflow: hidden;
|
||||
text-wrap: none;
|
||||
white-space: nowrap;
|
||||
padding: 5px 4px 4px;
|
||||
padding: 5px 4px 2px;
|
||||
text-shadow: none;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.cardOverlayInner {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.cardTextCentered {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cardDefaultText {
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.libraryPage .cardDefaultText, .libraryPage .cardText {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.cardContent .cardText {
|
||||
padding-left: 5px;
|
||||
padding: 0 5px 4px;
|
||||
|
|
@ -141,17 +214,53 @@
|
|||
background-size: cover;
|
||||
}
|
||||
|
||||
.card-1-1 {
|
||||
.bannerCard {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.squareCard {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.card-16-9:not(.manualSize) {
|
||||
.backdropCard {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.portraitCard {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
.cardProgress {
|
||||
line-height: 7px;
|
||||
}
|
||||
|
||||
.cardProgress .itemProgressBar {
|
||||
height: 6px;
|
||||
width: 100%;
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.miniCardProgress {
|
||||
/* Make sure it's on top of the fade gradient '*/
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.miniCardProgress .itemProgressBar {
|
||||
height: 6px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1200px) {
|
||||
|
||||
.portraitCard .cardOverlayInner {
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 500px) {
|
||||
|
||||
.card-1-1 {
|
||||
.squareCard {
|
||||
width: 33.3%;
|
||||
}
|
||||
}
|
||||
|
|
@ -159,27 +268,43 @@
|
|||
|
||||
@media all and (min-width: 540px) {
|
||||
|
||||
.card-16-9:not(.manualSize) {
|
||||
.portraitCard {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media all and (min-width: 640px) {
|
||||
|
||||
.backdropCard {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
.bannerCard {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.card-1-1 {
|
||||
.squareCard {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.portraitCard {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media all and (min-width: 1000px) {
|
||||
|
||||
.card-1-1 {
|
||||
.squareCard {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.card-16-9:not(.manualSize) {
|
||||
.backdropCard {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
|
@ -187,7 +312,15 @@
|
|||
|
||||
@media all and (min-width: 1200px) {
|
||||
|
||||
.card-1-1 {
|
||||
.squareCard {
|
||||
width: 16.666666666666666666666666666667%;
|
||||
}
|
||||
|
||||
.bannerCard {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
.portraitCard {
|
||||
width: 16.666666666666666666666666666667%;
|
||||
}
|
||||
}
|
||||
|
|
@ -195,27 +328,54 @@
|
|||
|
||||
@media all and (min-width: 1400px) {
|
||||
|
||||
.card-1-1 {
|
||||
.squareCard {
|
||||
width: 14.285714285714285714285714285714%;
|
||||
}
|
||||
|
||||
.card-16-9:not(.manualSize) {
|
||||
.backdropCard {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.portraitCard {
|
||||
width: 14.285714285714285714285714285714%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media all and (min-width: 1600px) {
|
||||
|
||||
.card-1-1 {
|
||||
.squareCard {
|
||||
width: 12.5%;
|
||||
}
|
||||
|
||||
.card-16-9:not(.manualSize) {
|
||||
.backdropCard {
|
||||
width: 16.666666666666666666666666666667%;
|
||||
}
|
||||
|
||||
.bannerCard {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.portraitCard {
|
||||
width: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media all and (min-width: 1920px) {
|
||||
|
||||
.portraitCard {
|
||||
width: 9.0909090909090909090909090909091%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** detailPage169 */
|
||||
.detailPage169Card .cardPadder {
|
||||
padding-bottom: 56.25%;
|
||||
}
|
||||
|
||||
|
||||
.detailPage169Card {
|
||||
width: 50%;
|
||||
}
|
||||
|
|
@ -225,4 +385,191 @@
|
|||
.detailPage169Card {
|
||||
width: 33.3%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** detailPagePortrait */
|
||||
.detailPagePortraitCard .cardPadder {
|
||||
padding-bottom: 150%;
|
||||
}
|
||||
|
||||
|
||||
.detailPagePortraitCard {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 540px) {
|
||||
|
||||
.detailPagePortraitCard {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.detailPagePortraitCard {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** detailPageSquare */
|
||||
.detailPageSquareCard .cardPadder {
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
|
||||
|
||||
.detailPageSquareCard {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 540px) {
|
||||
|
||||
.detailPageSquareCard {
|
||||
width: 33.33%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.detailPageSquareCard {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** homePageBackdropCard */
|
||||
.homePageBackdropCard .cardPadder {
|
||||
padding-bottom: 56.25%;
|
||||
}
|
||||
|
||||
|
||||
.homePageBackdropCard {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 540px) {
|
||||
|
||||
.homePageBackdropCard {
|
||||
width: 33.3%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1600px) {
|
||||
|
||||
.homePageBackdropCard {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** homePageSquareCard */
|
||||
.homePageSquareCard .cardPadder {
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
|
||||
|
||||
.homePageSquareCard {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 540px) {
|
||||
|
||||
.homePageSquareCard {
|
||||
width: 33.33%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.homePageSquareCard {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1200px) {
|
||||
|
||||
.homePageSquareCard {
|
||||
width: 16.666666666666666666666666666667%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** homePagePortraitCard */
|
||||
.homePagePortraitCard .cardPadder {
|
||||
padding-bottom: 150%;
|
||||
}
|
||||
|
||||
|
||||
.homePagePortraitCard {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 540px) {
|
||||
|
||||
.homePagePortraitCard {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.homePagePortraitCard {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1000px) {
|
||||
|
||||
.homePagePortraitCard {
|
||||
width: 16.666666666666666666666666666667%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1200px) {
|
||||
|
||||
.homePagePortraitCard {
|
||||
width: 14.285714285714285714285714285714%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** homePageSmallBackdropCard */
|
||||
.homePageSmallBackdropCard .cardPadder {
|
||||
padding-bottom: 56.25%;
|
||||
}
|
||||
|
||||
|
||||
.homePageSmallBackdropCard {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 540px) {
|
||||
|
||||
.homePageSmallBackdropCard {
|
||||
width: 33.3%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 600px) {
|
||||
|
||||
.homePageSmallBackdropCard {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 700px) {
|
||||
|
||||
.homePageSmallBackdropCard {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1000px) {
|
||||
|
||||
.homePageSmallBackdropCard {
|
||||
width: 16.666666666666666666666666666667%;
|
||||
}
|
||||
}
|
||||
|
|
@ -33,7 +33,14 @@
|
|||
|
||||
.libraryPage > .ui-content {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1200px) {
|
||||
|
||||
.libraryPage > .ui-content {
|
||||
padding-left: .4em !important;
|
||||
padding-right: .4em !important;
|
||||
}
|
||||
}
|
||||
|
||||
.libraryPage .currentUsername {
|
||||
|
|
@ -101,10 +108,6 @@
|
|||
.ehsContent {
|
||||
width: 770px;
|
||||
}
|
||||
|
||||
.squareEhsContent {
|
||||
width: 760px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1000px) {
|
||||
|
|
@ -112,10 +115,6 @@
|
|||
.ehsContent {
|
||||
width: 900px;
|
||||
}
|
||||
|
||||
.squareEhsContent {
|
||||
width: 900px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1200px) {
|
||||
|
|
@ -123,10 +122,6 @@
|
|||
.ehsContent {
|
||||
width: 1000px;
|
||||
}
|
||||
|
||||
.squareEhsContent {
|
||||
width: 1000px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1600px) {
|
||||
|
|
@ -134,10 +129,6 @@
|
|||
.ehsContent {
|
||||
width: 1200px;
|
||||
}
|
||||
|
||||
.squareEhsContent {
|
||||
width: 1200px;
|
||||
}
|
||||
}
|
||||
|
||||
.detailPageContent {
|
||||
|
|
@ -926,17 +917,15 @@ a.itemTag:hover {
|
|||
display: block;
|
||||
text-decoration: none;
|
||||
padding: 1px 0;
|
||||
color: #bbb !important;
|
||||
}
|
||||
|
||||
.alphabetPicker a:hover:not(.selectedCharacter) {
|
||||
background: #666 !important;
|
||||
color: #fff !important;
|
||||
.alphabetPicker a:not(.selectedCharacter) {
|
||||
color: #bbb !important;
|
||||
}
|
||||
|
||||
|
||||
.selectedCharacter {
|
||||
color: #fff !important;
|
||||
background: #4d90fe;
|
||||
color: #4d90fe !important;
|
||||
}
|
||||
|
||||
.itemOverlayContent {
|
||||
|
|
|
|||
|
|
@ -53,19 +53,20 @@
|
|||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(fonts/RobotoMedium.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/RobotoBold.woff) format('woff');
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/RobotoBold.woff) format('woff');
|
||||
}
|
||||
|
||||
* {
|
||||
text-shadow: none!important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow-y: scroll!important;
|
||||
overflow-y: scroll !important;
|
||||
font-size: 13px;
|
||||
font-family: Roboto, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
|
@ -83,18 +84,18 @@ body {
|
|||
}
|
||||
|
||||
h1, h1 a {
|
||||
font-weight: 300!important;
|
||||
font-weight: 300 !important;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.libraryPage h1, .libraryPage h1 a {
|
||||
font-weight: 100!important;
|
||||
font-weight: 100 !important;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.ui-loader h1 {
|
||||
font-family: Roboto;
|
||||
font-weight: 500!important;
|
||||
font-weight: 500 !important;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
|
@ -117,7 +118,7 @@ h2 {
|
|||
|
||||
.ui-btn {
|
||||
font-family: Roboto;
|
||||
font-weight: 500!important;
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
|
||||
.ui-listview li h3 {
|
||||
|
|
@ -129,7 +130,7 @@ h1 a {
|
|||
}
|
||||
|
||||
.libraryPage h1 a {
|
||||
color: #fff!important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
h1 a:hover {
|
||||
|
|
@ -243,7 +244,7 @@ h1 .imageLink {
|
|||
}
|
||||
|
||||
.imageButton[disabled], .imageButton[disabled]:hover {
|
||||
opacity: .3!important;
|
||||
opacity: .3 !important;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
|
|
@ -268,7 +269,7 @@ h1 .imageLink {
|
|||
}
|
||||
|
||||
.ulForm {
|
||||
margin-bottom: 20px!important;
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
|
||||
.ulForm li:not(.ui-li-divider) {
|
||||
|
|
@ -278,7 +279,7 @@ h1 .imageLink {
|
|||
}
|
||||
|
||||
.popup .ulForm {
|
||||
margin-bottom: 0!important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.content-primary {
|
||||
|
|
@ -303,27 +304,27 @@ h1 .imageLink {
|
|||
margin-left: 1em;
|
||||
}
|
||||
|
||||
.sidebarLinks a {
|
||||
display: block;
|
||||
padding: .6em 20px .6em 20px;
|
||||
text-decoration: none;
|
||||
color: #333!important;
|
||||
text-shadow: none!important;
|
||||
font-weight: 500!important;
|
||||
font-size: 14px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.sidebarLinks a:hover {
|
||||
background: #52B54B;
|
||||
color: #fff!important;
|
||||
.sidebarLinks a {
|
||||
display: block;
|
||||
padding: .6em 20px .6em 20px;
|
||||
text-decoration: none;
|
||||
color: #333 !important;
|
||||
text-shadow: none !important;
|
||||
font-weight: 500 !important;
|
||||
font-size: 14px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.sidebarLinks a.selectedSidebarLink {
|
||||
background: #38c!important;
|
||||
color: #fff!important;
|
||||
margin-right: 0;
|
||||
}
|
||||
.sidebarLinks a:hover {
|
||||
background: #52B54B;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.sidebarLinks a.selectedSidebarLink {
|
||||
background: #38c !important;
|
||||
color: #fff !important;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.sidebarDivider {
|
||||
height: 1px;
|
||||
|
|
@ -332,12 +333,12 @@ h1 .imageLink {
|
|||
}
|
||||
|
||||
.invalidEntry {
|
||||
background-color: lightpink!important;
|
||||
background-color: lightpink !important;
|
||||
}
|
||||
|
||||
/* Tabs (e.g. advanced metadata page) */
|
||||
.localnav {
|
||||
margin-bottom: 40px!important;
|
||||
margin-bottom: 40px !important;
|
||||
}
|
||||
|
||||
.localnav + form {
|
||||
|
|
@ -345,7 +346,7 @@ h1 .imageLink {
|
|||
}
|
||||
|
||||
.page > .ui-content {
|
||||
padding-bottom: 100px;
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
|
||||
.dashboardPanelDivider {
|
||||
|
|
@ -358,18 +359,18 @@ h1 .imageLink {
|
|||
padding: .7em .5em .7em 1.25em;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #000!important;
|
||||
color: #000 !important;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
|
||||
.dashboardPanelLink:hover {
|
||||
background: #52B54B;
|
||||
color: #fff!important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.selectedDashboardPanelLink {
|
||||
background: #38c;
|
||||
color: #fff!important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.dashboardPanel .ui-panel-inner {
|
||||
|
|
@ -456,19 +457,19 @@ h1 .imageLink {
|
|||
}
|
||||
|
||||
.mediaFolderLocations {
|
||||
margin: 1em .25em!important;
|
||||
margin: 1em .25em !important;
|
||||
}
|
||||
|
||||
.mediaLocationsHeader {
|
||||
padding-top: .75em!important;
|
||||
padding-bottom: .75em!important;
|
||||
padding-top: .75em !important;
|
||||
padding-bottom: .75em !important;
|
||||
}
|
||||
|
||||
.mediaLocationsHeader .ui-btn {
|
||||
position: absolute;
|
||||
right: -6px;
|
||||
margin-top: 0!important;
|
||||
margin-bottom: 0!important;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
|
|
@ -514,12 +515,12 @@ h1 .imageLink {
|
|||
}
|
||||
|
||||
.posterViewItemWithNoText {
|
||||
padding-bottom: 0!important;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.posterViewItem a {
|
||||
color: white!important;
|
||||
font-weight: normal!important;
|
||||
color: white !important;
|
||||
font-weight: normal !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -594,7 +595,7 @@ h1 .imageLink {
|
|||
@media all and (min-width: 1920px) {
|
||||
|
||||
.posterViewItemText {
|
||||
height: 25px!important;
|
||||
height: 25px !important;
|
||||
}
|
||||
|
||||
.posterViewItem {
|
||||
|
|
@ -649,7 +650,6 @@ h1 .imageLink {
|
|||
bottom: -2px;
|
||||
left: -2px;
|
||||
right: -2px;
|
||||
|
||||
/* Above everything, except for the video player and popup overlays */
|
||||
z-index: 1097;
|
||||
color: #fff;
|
||||
|
|
@ -740,9 +740,10 @@ progress {
|
|||
cursor: pointer;
|
||||
vertical-align: top;
|
||||
}
|
||||
.imgUserItemRating:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.imgUserItemRating:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.imgUserItemRating:hover {
|
||||
opacity: .5;
|
||||
|
|
@ -839,7 +840,7 @@ progress {
|
|||
}
|
||||
|
||||
.btnShowStatusMessage {
|
||||
font-weight: normal!important;
|
||||
font-weight: normal !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -851,6 +852,11 @@ progress {
|
|||
width: 50%;
|
||||
}
|
||||
|
||||
.activeSession .cardPadder {
|
||||
padding-bottom: 56.25%;
|
||||
}
|
||||
|
||||
|
||||
.sessionNowPlayingContent {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -925,7 +931,7 @@ progress {
|
|||
}
|
||||
|
||||
.activeDevicesCollapsible .ui-collapsible-content {
|
||||
padding: .25em!important;
|
||||
padding: .25em !important;
|
||||
}
|
||||
|
||||
.activeSession:not(.playingSession) .sessionNowPlayingContent {
|
||||
|
|
@ -981,22 +987,22 @@ progress {
|
|||
/* Firefox */
|
||||
.transcodingProgress::-moz-progress-bar {
|
||||
border-radius: 5px;
|
||||
background-image: -moz-linear-gradient( center bottom, rgb(221, 73, 25) 37%, rgb(221, 73, 25) 69% )!important;
|
||||
background-image: -moz-linear-gradient( center bottom, rgb(221, 73, 25) 37%, rgb(221, 73, 25) 69% ) !important;
|
||||
}
|
||||
|
||||
/* Chrome */
|
||||
.transcodingProgress::-webkit-progress-value {
|
||||
border-radius: 5px;
|
||||
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(221, 73, 25)), color-stop(1, rgb(221, 73, 25)) )!important;
|
||||
background-image: -webkit-linear-gradient( center bottom, rgb(221, 73, 25) 37%, rgb(221, 73, 25) 69% )!important;
|
||||
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(221, 73, 25)), color-stop(1, rgb(221, 73, 25)) ) !important;
|
||||
background-image: -webkit-linear-gradient( center bottom, rgb(221, 73, 25) 37%, rgb(221, 73, 25) 69% ) !important;
|
||||
}
|
||||
|
||||
/* Polyfill */
|
||||
.transcodingProgress[aria-valuenow]:before {
|
||||
border-radius: 5px;
|
||||
background-image: -moz-linear-gradient( center bottom, rgb(221, 73, 25) 37%, rgb(221, 73, 25) 69% )!important;
|
||||
background-image: -ms-linear-gradient( center bottom, rgb(221, 73, 25) 37%, rgb(221, 73, 25) 69% )!important;
|
||||
background-image: -o-linear-gradient( center bottom, rgb(221, 73, 25) 37%, rgb(221, 73, 25) 69% )!important;
|
||||
background-image: -moz-linear-gradient( center bottom, rgb(221, 73, 25) 37%, rgb(221, 73, 25) 69% ) !important;
|
||||
background-image: -ms-linear-gradient( center bottom, rgb(221, 73, 25) 37%, rgb(221, 73, 25) 69% ) !important;
|
||||
background-image: -o-linear-gradient( center bottom, rgb(221, 73, 25) 37%, rgb(221, 73, 25) 69% ) !important;
|
||||
}
|
||||
|
||||
@media all and (max-width: 550px) {
|
||||
|
|
@ -1015,4 +1021,4 @@ progress {
|
|||
.activeSession {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue