live tv updates

dashboard-ui/css/librarybrowser.css

@@ -108,7 +108,7 @@
 
 @media all and (max-width: 400px) {
     .libraryPage .ui-content {
-        padding: 10px 0;
+        padding: 10px 1px;
     }
 }
 
@@ -370,10 +370,6 @@ a.itemTag:hover {
         background-color: transparent;
     }
 
-.itemBackdropContent {
-    height: 230px;
-}
-
 .lnkSibling {
     position: absolute;
     bottom: 240px;
@@ -405,12 +401,13 @@ a.itemTag:hover {
 }
 
 .itemDetailImage {
-    height: 240px;
+    max-height: 240px;
+    max-width: 320px;
     -moz-box-shadow: 0px 0 20px #000;
     -webkit-box-shadow: 0px 0 20px #000;
     box-shadow: 0px 0 20px #000;
     border: solid 1px #222;
-    margin-top: -30px;
+    margin-top: -20px;
 }
 
 .itemDetailGalleryLink img:hover {
@@ -424,10 +421,16 @@ a.itemTag:hover {
     text-align: center;
     font-size: 16px;
     border: 0;
+    background-color: rgba(0,0,0,0.7);
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
 }
 
     .parentName a {
-        color: #000!important;
+        color: #fff!important;
+        font-weight: normal!important;
     }
 
 .inlineItemName {
@@ -439,7 +442,7 @@ a.itemTag:hover {
 }
 
 .itemOverview {
-    max-height: 60px;
+    max-height: 70px;
     overflow-y: auto;
     text-overflow: ellipsis;
 }
@@ -470,9 +473,9 @@ a.itemTag:hover {
 }
 
 .detailSectionHeader {
-    padding: .5em 1em;
+    padding: .5em .75em;
     font-size: 16px;
-    font-weight: bold;
+    font-weight: normal;
     border: 1px solid #181818;
     background: #222;
     white-space: nowrap;
@@ -588,6 +591,10 @@ a.itemTag:hover {
     .detailPageContent {
         max-width: 900px;
     }
+
+    .primaryDetailPageContent {
+        max-width: 800px;
+    }
 }
 
 @media all and (min-width: 1200px) {
@@ -599,6 +606,10 @@ a.itemTag:hover {
     .detailPageContent {
         max-width: 1000px;
     }
+
+    .primaryDetailPageContent {
+        max-width: 800px;
+    }
 }
 
 @media all and (min-width: 1440px) {
@@ -614,14 +625,6 @@ a.itemTag:hover {
     .ehsContent {
         max-width: 1070px;
     }
-
-    .detailPageContent {
-        max-width: 1170px;
-    }
-
-    .primaryDetailPageContent {
-        max-width: 1100px;
-    }
 }
 
 @media all and (min-width: 1920px) {

dashboard-ui/css/livetv.css

@@ -0,0 +1,83 @@
+
+.tvProgramSectionHeader {
+    margin: 0;
+}
+
+.tvProgram {
+    display: block;
+    text-decoration: none;
+    font-weight: normal!important;
+    white-space: nowrap;
+    position: relative;
+}
+
+.detailSectionHeader + .tvProgram {
+    border-top: 1px solid #555;
+    margin-top: 1px;
+}
+
+.tvProgramTimeSlot {
+    width: 80px;
+    vertical-align: middle;
+    font-weight: bold;
+    color: #fff;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    border-bottom: 1px solid #555;
+}
+
+.tvProgramTimeSlotInner {
+    padding: .5em;
+}
+
+.tvProgramInfo {
+    vertical-align: middle;
+    border-left: 1px solid #555;
+    padding: .5em .5em;
+    margin-left: 80px;
+    border-bottom: 1px solid #555;
+}
+
+.tvProgramName {
+    color: #fff;
+    font-weight: bold;
+    margin-bottom: .5em;
+}
+
+.tvProgramTime {
+    color: #fff;
+}
+
+.newTvProgram {
+    color: #E88606;
+}
+
+.liveTvProgram {
+    color: #64A239;
+}
+
+.sportsProgramInfo {
+    background-color: #0F2624;
+    border-bottom: 2px solid #0A7C33;
+}
+
+.newsProgramInfo {
+    background-color: #211A32;
+    border-bottom: 2px solid #523378;
+}
+
+.movieProgramInfo {
+    background-color: #271A21;
+    border-bottom: 2px solid #A43913;
+}
+
+.childProgramInfo {
+    background-color: #092345;
+    border-bottom: 2px solid #0B487D;
+}
+
+.tvProgram:hover, .tvProgram:hover .tvProgramInfo {
+    background-color: #4d90fe;
+}