live tv updates
This commit is contained in:
Luke Pulverenti
parent
ab99669e2d
commit
17ae566950
45 changed files with 337 additions and 336 deletions
|
|
@ -108,7 +108,7 @@
|
|||
|
||||
@media all and (max-width: 400px) {
|
||||
.libraryPage .ui-content {
|
||||
padding: 10px 1px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -124,7 +124,8 @@
|
|||
.listHeader {
|
||||
margin-top: .5em;
|
||||
margin-bottom: 0;
|
||||
padding-left: 4px;
|
||||
padding-left: 7px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.libraryViewNav {
|
||||
|
|
@ -169,6 +170,13 @@
|
|||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.detailButtonsContainer {
|
||||
padding: .75em 0 .75em;
|
||||
text-align: center;
|
||||
border-top: 1px solid #444;
|
||||
border-bottom: 1px solid #333;
|
||||
}
|
||||
|
||||
.viewSettings {
|
||||
text-align: center;
|
||||
margin: 0 0 .25em;
|
||||
|
|
@ -432,10 +440,6 @@ a.itemTag:hover {
|
|||
font-size: 16px;
|
||||
border: 0;
|
||||
background-color: rgba(0,0,0,0.7);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.parentName a {
|
||||
|
|
@ -443,6 +447,13 @@ a.itemTag:hover {
|
|||
font-weight: normal!important;
|
||||
}
|
||||
|
||||
.itemBackdrop .parentName {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.inlineItemName {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
|
@ -459,13 +470,13 @@ a.itemTag:hover {
|
|||
|
||||
.mobileOverview {
|
||||
display: none;
|
||||
padding: 0 .5em;
|
||||
padding: 0 1em;
|
||||
max-height: initial;
|
||||
}
|
||||
|
||||
.mobileGenres {
|
||||
display: none;
|
||||
padding: 0 .5em;
|
||||
padding: 0 1em;
|
||||
}
|
||||
|
||||
.libraryPage ::-webkit-scrollbar {
|
||||
|
|
@ -544,7 +555,7 @@ a.itemTag:hover {
|
|||
}
|
||||
|
||||
.parentName {
|
||||
position: static;
|
||||
position: static!important;
|
||||
}
|
||||
|
||||
.itemDetailImage {
|
||||
|
|
@ -571,15 +582,15 @@ a.itemTag:hover {
|
|||
display: block!important;
|
||||
}
|
||||
|
||||
.primaryDetailPageContent p:first-child {
|
||||
margin-top: 0;
|
||||
.primaryDetailPageContent {
|
||||
margin: 0 1em;
|
||||
}
|
||||
|
||||
.primaryDetailPageContent .userDataIcons {
|
||||
margin-left: 0!important;
|
||||
margin-top: 1.5em;
|
||||
display: block;
|
||||
}
|
||||
.primaryDetailPageContent .userDataIcons {
|
||||
margin-left: 0!important;
|
||||
margin-top: 1.5em;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 750px) {
|
||||
|
|
@ -641,7 +652,7 @@ a.itemTag:hover {
|
|||
@media all and (min-width: 1000px) {
|
||||
|
||||
.ehsContent {
|
||||
max-width: 820px;
|
||||
max-width: 880px;
|
||||
}
|
||||
|
||||
.detailPageContent {
|
||||
|
|
@ -679,19 +690,19 @@ a.itemTag:hover {
|
|||
}
|
||||
|
||||
.ehsContent {
|
||||
max-width: 1080px;
|
||||
max-width: 980px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1920px) {
|
||||
.ehsContent {
|
||||
max-width: 1200px;
|
||||
max-width: 1240px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 2300px) {
|
||||
.ehsContent {
|
||||
max-width: 1500px;
|
||||
max-width: 1540px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -791,7 +802,7 @@ a.itemTag:hover {
|
|||
border: 0;
|
||||
margin: 0;
|
||||
height: 14px;
|
||||
border: 1px solid #666;
|
||||
border: 1px solid #222;
|
||||
border-radius: 0;
|
||||
width: 50px;
|
||||
margin-right: 5px;
|
||||
|
|
@ -808,38 +819,38 @@ a.itemTag:hover {
|
|||
|
||||
/* Firefox and Polyfill */
|
||||
.itemProgressBar {
|
||||
background: #050505 !important; /* !important only needed in polyfill */
|
||||
background: #000 !important; /* !important only needed in polyfill */
|
||||
}
|
||||
|
||||
/* Chrome */
|
||||
.itemProgressBar::-webkit-progress-bar {
|
||||
background: #050505;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
/*
|
||||
.pare
|
||||
/*
|
||||
* Background of the progress bar value
|
||||
*/
|
||||
/* Firefox */
|
||||
.itemProgressBar::-moz-progress-bar {
|
||||
border-radius: 0;
|
||||
background-image: none;
|
||||
background-color: #A92D2D;
|
||||
}
|
||||
|
||||
/* Firefox */
|
||||
.itemProgressBar::-moz-progress-bar {
|
||||
border-radius: 0;
|
||||
background-image: none;
|
||||
background-color: #A92D2D;
|
||||
}
|
||||
/* Chrome */
|
||||
.itemProgressBar::-webkit-progress-value {
|
||||
border-radius: 0;
|
||||
background-image: none;
|
||||
background-color: #A92D2D;
|
||||
}
|
||||
|
||||
/* Chrome */
|
||||
.itemProgressBar::-webkit-progress-value {
|
||||
border-radius: 0;
|
||||
background-image: none;
|
||||
background-color: #A92D2D;
|
||||
}
|
||||
|
||||
/* Polyfill */
|
||||
.itemProgressBar[aria-valuenow]:before {
|
||||
border-radius: 0;
|
||||
background-image: none;
|
||||
background-color: #A92D2D;
|
||||
}
|
||||
/* Polyfill */
|
||||
.itemProgressBar[aria-valuenow]:before {
|
||||
border-radius: 0;
|
||||
background-image: none;
|
||||
background-color: #A92D2D;
|
||||
}
|
||||
|
||||
.userDataIcons .itemProgressBar {
|
||||
vertical-align: top;
|
||||
|
|
@ -873,10 +884,10 @@ a.itemTag:hover {
|
|||
|
||||
.alphabetPicker {
|
||||
position: fixed;
|
||||
right: 1px;
|
||||
right: 2px;
|
||||
bottom: 0;
|
||||
top: 100px;
|
||||
width: 20px;
|
||||
width: 27px;
|
||||
z-index: 1000;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
|
|
@ -908,7 +919,7 @@ a.itemTag:hover {
|
|||
}
|
||||
|
||||
.itemsContainerWithAlphaPicker {
|
||||
margin-right: 10px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
}
|
||||
|
||||
.detailSectionHeader + .tvProgram {
|
||||
border-top: 1px solid #555;
|
||||
border-top: 1px solid #444;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
|
|
@ -34,10 +34,10 @@
|
|||
|
||||
.tvProgramInfo {
|
||||
vertical-align: middle;
|
||||
border-left: 1px solid #555;
|
||||
border-left: 1px solid #444;
|
||||
padding: .5em .5em;
|
||||
margin-left: 80px;
|
||||
border-bottom: 1px solid #555;
|
||||
border-bottom: 1px solid #444;
|
||||
}
|
||||
|
||||
.tvProgramName {
|
||||
|
|
@ -98,20 +98,21 @@
|
|||
margin-left: 0;
|
||||
left: 30px;
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
.itemMiscInfo .seriesTimerCircle:first-child {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
.seriesTimerCircle + .seriesTimerCircle {
|
||||
opacity: .65;
|
||||
left: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
.seriesTimerCircle + .seriesTimerCircle {
|
||||
opacity: .65;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.seriesTimerCircle + .seriesTimerCircle + .seriesTimerCircle {
|
||||
opacity: 1;
|
||||
left: -30px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.seriesTimerCircle + .seriesTimerCircle + .seriesTimerCircle {
|
||||
opacity: 1;
|
||||
left: -30px;
|
||||
}
|
||||
|
||||
.channelImageContainer .itemDetailImage {
|
||||
max-width: 160px;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
.posterItem {
|
||||
margin: 6px;
|
||||
margin: 8px 8px 8px 8px;
|
||||
text-shadow: none;
|
||||
font-weight: normal!important;
|
||||
display: inline-block;
|
||||
|
|
@ -8,6 +8,12 @@
|
|||
text-decoration: none;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
border: 2px solid #1b1b1b;
|
||||
-webkit-transition: all 500ms ease;
|
||||
-moz-transition: all 500ms ease;
|
||||
-o-transition: all 500ms ease;
|
||||
-ms-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.posterItem:hover {
|
||||
|
|
@ -45,28 +51,48 @@
|
|||
padding-left: 2px;
|
||||
}
|
||||
|
||||
.posterItemTextContainer {
|
||||
|
||||
}
|
||||
|
||||
.posterItemText {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
text-wrap: none;
|
||||
white-space: nowrap;
|
||||
padding: 6px 5px 5px;
|
||||
background: #111;
|
||||
padding: 5px 6px 4px;
|
||||
background-color: #111;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.posterItemTextCentered {
|
||||
text-align: center;
|
||||
.posterItemTextOverlay {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
|
||||
.posterItemText + .posterItemText {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
.posterItemTextOverlay .posterItemText {
|
||||
background-color: transparent;
|
||||
padding-top: 1px !important;
|
||||
}
|
||||
|
||||
.posterItemTextOverlay .posterItemText:first-child {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.posterItemTextCentered {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.posterItemText + .posterItemProgress {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
|
@ -106,11 +132,11 @@
|
|||
|
||||
|
||||
.backdropPosterItem {
|
||||
width: 160px;
|
||||
width: 288px;
|
||||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 90px;
|
||||
height: 162px;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem {
|
||||
|
|
@ -125,31 +151,35 @@
|
|||
width: 100px;
|
||||
}
|
||||
|
||||
.portraitPosterItem .posterItemImage {
|
||||
height: 150px;
|
||||
}
|
||||
.portraitPosterItem .posterItemImage {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.posterItemProgress .itemProgressBar {
|
||||
height: 12px;
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.portraitPosterItem .itemProgressText {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.portraitPosterItem .itemProgressBar {
|
||||
height: 11px;
|
||||
width: 100%;
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
@media all and (min-width: 540px) {
|
||||
|
||||
.backdropPosterItem {
|
||||
width: 256px;
|
||||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 144px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 650px) {
|
||||
|
||||
.backdropPosterItem {
|
||||
width: 192px;
|
||||
width: 272px;
|
||||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 108px;
|
||||
height: 153px;
|
||||
}
|
||||
|
||||
.storeItem, .storePosterItem {
|
||||
|
|
@ -175,15 +205,11 @@
|
|||
@media all and (min-width: 1200px) {
|
||||
|
||||
.backdropPosterItem {
|
||||
width: 224px;
|
||||
width: 272px;
|
||||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 126px;
|
||||
}
|
||||
|
||||
.backdropPosterItem .itemProgressBar {
|
||||
width: 55%;
|
||||
height: 153px;
|
||||
}
|
||||
|
||||
.portraitPosterItem {
|
||||
|
|
@ -237,21 +263,18 @@
|
|||
height: 201px;
|
||||
}
|
||||
|
||||
|
||||
.portraitPosterItem .itemProgressText {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.backdropPosterItem {
|
||||
width: 256px;
|
||||
width: 288px;
|
||||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 144px;
|
||||
height: 162px;
|
||||
}
|
||||
|
||||
.portraitPosterItem .itemProgressText {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.portraitPosterItem .itemProgressBar {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1920px) {
|
||||
|
|
@ -271,16 +294,4 @@
|
|||
.portraitPosterItem .posterItemImage {
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
.backdropPosterItem {
|
||||
width: 288px;
|
||||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 162px;
|
||||
}
|
||||
|
||||
.portraitPosterItem .itemProgressBar {
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -134,26 +134,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 950px) {
|
||||
.txtSearch {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.searchHints {
|
||||
width: 248px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1200px) {
|
||||
.txtSearch {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.searchHints {
|
||||
width: 298px;
|
||||
}
|
||||
}
|
||||
|
||||
.circle {
|
||||
background-color: rgba(0,0,0,0);
|
||||
border: 5px solid rgba(0,183,229,0.9);
|
||||
|
|
|
|||
|
|
@ -46,6 +46,7 @@ body {
|
|||
* {
|
||||
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
|
||||
text-shadow: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-mini .ui-btn-inner {
|
||||
|
|
@ -224,6 +225,7 @@ form, .readOnlyContent {
|
|||
font-size: 12px;
|
||||
padding-left: 5px;
|
||||
font-weight: normal;
|
||||
white-space: normal !important;
|
||||
}
|
||||
|
||||
.warningFieldDescription {
|
||||
|
|
@ -629,7 +631,7 @@ form, .readOnlyContent {
|
|||
|
||||
/* Footer */
|
||||
#footer {
|
||||
background: #4C4C4C;
|
||||
background: #3c3c3c;
|
||||
position: fixed;
|
||||
bottom: -2px;
|
||||
left: -2px;
|
||||
|
|
@ -728,7 +730,7 @@ progress {
|
|||
/* Now playing bar */
|
||||
#nowPlayingBar {
|
||||
padding: 6px .5em;
|
||||
border-top: 2px solid #D7742B;
|
||||
border-top: 2px solid green;
|
||||
}
|
||||
|
||||
#nowPlayingBar .highPosition {
|
||||
|
|
@ -742,8 +744,8 @@ progress {
|
|||
}
|
||||
|
||||
#nowPlayingBar .barBackground {
|
||||
border-top: 2px solid #D7742B;
|
||||
background: #4C4C4C;
|
||||
border-top: 2px solid green;
|
||||
background: #3c3c3c;
|
||||
position: absolute;
|
||||
margin: -8px -0.5em !important;
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -5,14 +5,12 @@
|
|||
font-weight: normal!important;
|
||||
display: block;
|
||||
position: relative;
|
||||
|
||||
/*border: 1px solid #505050;
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,from(#444),to(#2d2d2d));
|
||||
background-image: -webkit-linear-gradient(#444,#2d2d2d);
|
||||
background-image: -moz-linear-gradient(#444,#2d2d2d);
|
||||
background-image: -ms-linear-gradient(#444,#2d2d2d);
|
||||
background-image: -o-linear-gradient(#444,#2d2d2d);
|
||||
background-image: linear-gradient(#444,#2d2d2d);*/
|
||||
border-radius: .3125em;
|
||||
-webkit-transition: all 500ms ease;
|
||||
-moz-transition: all 500ms ease;
|
||||
-o-transition: all 500ms ease;
|
||||
-ms-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.tileItem .starRating {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue