added live tv timers page

dashboard-ui/css/librarybrowser.css

@@ -102,7 +102,7 @@
     padding: 10px;
 }
 
-.libraryPage, .itemListContent {
+.libraryPage:not(.metadataEditorPage), .libraryPage:not(.metadataEditorPage) .itemListContent {
     background: #494949 url(images/bgflip.png) repeat-x!important;
     background-attachment: fixed!important;
 }
@@ -435,22 +435,22 @@ a.itemTag:hover {
     text-overflow: ellipsis;
 }
 
-.libraryPage ::-webkit-scrollbar {
+.libraryPage:not(.metadataEditorPage) ::-webkit-scrollbar {
     width: 10px;
     height: 10px;
 }
 
-.libraryPage ::-webkit-scrollbar-button:start:decrement,
-.libraryPage ::-webkit-scrollbar-button:end:increment {
+.libraryPage:not(.metadataEditorPage) ::-webkit-scrollbar-button:start:decrement,
+.libraryPage:not(.metadataEditorPage) ::-webkit-scrollbar-button:end:increment {
     display: none;
 }
 
-.libraryPage ::-webkit-scrollbar-track-piece {
+.libraryPage:not(.metadataEditorPage) ::-webkit-scrollbar-track-piece {
     background-color: #3b3b3b;
     -webkit-border-radius: 6px;
 }
 
-.libraryPage ::-webkit-scrollbar-thumb:vertical {
+.libraryPage:not(.metadataEditorPage) ::-webkit-scrollbar-thumb:vertical {
     -webkit-border-radius: 6px;
     background: #666 no-repeat center;
 }

dashboard-ui/css/metadataeditor.css

@@ -95,6 +95,7 @@
         overflow-y: scroll;
         overflow-x: auto!important;
         display: block;
+        border-right: 1px solid #ccc;
     }
 
     .editPageInnerContent {
@@ -108,6 +109,28 @@
     }
 }
 
+.editorTile {
+    display: inline-block;
+    margin: 5px;
+    padding: 10px;
+    border: 1px solid #ccc;
+    background: #eee;
+    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
+    background-image: -webkit-linear-gradient(#fff,#f1f1f1);
+    background-image: -moz-linear-gradient(#fff,#f1f1f1);
+    background-image: -ms-linear-gradient(#fff,#f1f1f1);
+    background-image: -o-linear-gradient(#fff,#f1f1f1);
+    background-image: linear-gradient(#fff,#f1f1f1);
+}
+
+.imageEditorTile {
+    width: 200px;
+    padding-bottom: 0;
+}
+
+.editorTile p {
+    margin: .5em 0;
+}
 
 @media all and (min-width: 700px) {
 

dashboard-ui/css/site.css

@@ -43,8 +43,12 @@ body {
         text-decoration: underline;
     }
 
+* {
+    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+}
+
 h1 {
-    font-family: 'Segoe UI Light', 'Open Sans', Arial, Helvetica, sans-serif;
+    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
     font-weight: 200;
     font-size: 22pt;
 }
@@ -59,20 +63,20 @@ h1 {
 }
 
 h2 {
-    font-family: 'Segoe UI Semiight', 'Open Sans', Arial, Helvetica, sans-serif;
+    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
     font-weight: 400;
     font-size: 20pt;
 }
 
-h1 a {
+.libraryPage:not(.metadataEditorPage) h1 a {
     font-weight: 200!important;
     text-decoration: none;
     color: #fff!important;
 }
 
-    h1 a:hover {
-        text-decoration: underline;
-    }
+h1 a:hover {
+    text-decoration: underline;
+}
 
 @media all and (min-width: 750px) {
     h1 {
@@ -217,7 +221,7 @@ form, .readOnlyContent {
 }
 
 .fieldDescription {
-    font-size: 11px;
+    font-size: 12px;
     padding-left: 5px;
 }
 

dashboard-ui/css/tileitem.css

@@ -20,8 +20,7 @@
 
     .tileItem .criticRating {
         position: relative;
-        top: -1px;
-        font-size: 13px;
+        top: -2px;
     }
 
 .tileImage {