- Added status box with current channel, program and elapsed time in the

  logo area.
- Added support for progress bars to display elapsed content.
- Extendend ajax.js to be usable for non xml requests.
- adapted styles for the new features.

1 files changed, 93 insertions, 4 deletions

diff --git a/css/styles.css b/css/styles.css
index 3a7968b..cd5b8c7 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -85,8 +85,12 @@ div.domTTepg {
 	vertical-align: top;
 }
 
+.domTTepg div.epg_content div div.progress div {
+	padding-left: 0px;
+}
+
 .domTTepg div.epg_content div div {
-	margin-left: 40px;
+	padding-left: 35px;
 }
 
 .domTTepg div.epg_content div.epg_tools img {
@@ -96,7 +100,6 @@ div.domTTepg {
 .domTTepg div.boxheader div div a {
 }
 
-
 /* #######################
    #  Menue
    #######################
@@ -140,6 +143,70 @@ div.inhalt {
 }
 
 /* #######################
+   #  Info Box (near logo)
+   #######################
+*/
+img.logo {
+	float: left;
+	margin-top: 5px;
+	margin-left: 5px;
+	margin-right: 25px;
+}
+
+div#infobox {
+	float: left;
+	border: 1px solid #C0C1DA;
+	margin: 5px;
+	width: 300px;
+}
+
+div#infobox div.st_header {
+	overflow: hidden;
+	padding: 4px;
+	background: #E9EFFF;
+	border-bottom: 1px solid #C0C1DA;
+}
+
+div#infobox div.st_header div.now {
+	float: right;
+}
+
+div#infobox div.st_header div.caption {
+	float: left;
+	overflow: hidden;
+	font-weight: bold;
+}
+
+div#infobox div.st_content {
+	overflow: hidden;
+	padding: 4px;
+	background: white url('bg_line_top.png') top left repeat-x;
+}
+
+div#infobox div.st_content div.duration {
+	float: right;
+}
+
+div#infobox div.st_content div.name {
+	float: left;
+	overflow: hidden;
+	font-weight: bold;
+}
+
+div#infobox div.st_controls {
+	overflow: hidden;
+	padding: 4px;
+}
+
+div#infobox div.st_controls div.progress {
+	float: right;
+}
+
+div#infobox div.st_controls div.buttons {
+	float: left;
+}
+
+/* #######################
    #  Head Box
    #######################
 */
@@ -195,11 +262,11 @@ table td.buttonpanel {
 	text-align: right;
 }
 
-
 /* ################
    #  Event
    ################
 */
+
 div.event {
 	width: 255px;
 	height: 255px;
@@ -278,6 +345,16 @@ div.info {
 	padding: 5px;
 }
 
+div.progress {
+	overflow: hidden;
+	padding-right: 4px;
+}
+
+div.progress div {
+	float: right;
+	padding: 0px;
+}
+
 div.title {
 	font-weight: bold;
 	margin: 5px;
@@ -294,6 +371,19 @@ div.more {
 	cursor: pointer;
 }
 
+div.__progress {
+	overflow: hidden;
+	width: 100px;
+	height: 8px;
+	border: 1px solid #C0C1DA;
+}
+
+div.__progress div.__elapsed {
+	float: left;
+	height: 8px;
+	background-color: #E9EFFF;
+}
+
 /* #############
    # Timers
    #############
@@ -387,7 +477,6 @@ div.boxheader div div {
         line-height: 20px;
 }
 
-
 /*
   ##############################
   #  Recordings