Some updates for CSS

author: M. Voerman <rekordc@gmail.com> 2014-11-12 03:03:21 +0100
committer: M. Voerman <rekordc@gmail.com> 2014-11-12 03:03:21 +0100
commit: e01cf8ad95c9002880de8db5e66f556e6fb24348 (patch)
tree: b77be6350973b3560b73e56ffede3557b8b94088
parent: ee95274ce1980e01674ac954656dd58b92b0de42 (diff)
download: vdr-vipclient-e01cf8ad95c9002880de8db5e66f556e6fb24348.tar.gz
vdr-vipclient-e01cf8ad95c9002880de8db5e66f556e6fb24348.tar.bz2
3 files changed, 188 insertions, 31 deletions
diff --git a/index.html b/index.html
index 40176f7..0bdc6c8 100644
--- a/index.html
+++ b/index.html
@@ -1,26 +1,23 @@
 <html>
-    <head>
-      <script type="text/javascript" src="settings.js" />
-      <script type="text/javascript" src="settings2.js" />
-      <script type="text/javascript" src="lang_eng.js" />
-      <script type="text/javascript" src="channels.js" />
-      <script type="text/javascript" src="main.js" />
-      <link rel="stylesheet" type="text/css" href="style_1.css">
-    </head>
-<script language="Javascript">
-
-//
-// Javascript VDR client for Motorola VIP19x0 & VIP19x3
-//
-// Martin Voerman Rekordc@gmail.com
-//
-// "THE BEER-WARE LICENSE"
-// If we meet some day, and you think
-// this stuff is worth it, you can buy me a beer in return
-//
+<head>
+<script type="text/javascript" src="settings.js"></script>
+<script type="text/javascript" src="settings2.js"></script>
+<script type="text/javascript" src="lang_eng.js"></script>
+<script type="text/javascript" src="channels.js"></script>
+<script type="text/javascript" src="main.js"></script>
+<script type="text/javascript">
 
+/***********************************************************/
+/*   Javascript VDR client for Motorola VIP19x0 & VIP19x3  */
+/*            Martin Voerman Rekordc@gmail.com             */
+/*                "THE BEER-WARE LICENSE"                  */
+/*            If we meet some day, and you think           */
+/* this stuff is worth it, you can buy me a beer in return */
+/***********************************************************/
 
 </script>
+<link rel="stylesheet" type="text/css" href="style_old.css">
+</head>
 
 <body onload="onLoad()" onunload="onUnload()">
     	<embed type="application/x-motorola-toi" hidden="true">
@@ -35,6 +32,7 @@
 	<div id="osdvolume" style="width:63%; position:absolute; left:10%; top:80%;z-index:501;opacity:0;">Volume : </div>
 	<div id="osdmedia" style="width:80%;position:absolute;left:10%;top:60%;z-index:505;opacity:0;-webkit-border-radius:50px;"></div>
 
+<!--
 	<div id="osdmain" style="width:80%; position:absolute;left:10%;top:60%;bottom:9%;z-index:505;-webkit-border-radius:50px;"></div>
 	<div id="osdtime" style="width:42%; position:absolute; left:58%; top:63%;z-index:505;"></div>
 	<div id="osdname" style="width:69%;height:4%; position:absolute; left:12%; top:66%;z-index:505;"></div>
@@ -44,6 +42,16 @@
 
 	<div id="osdnr" style="width:10%;height:9%; position:absolute; left:12%; top:56%;z-index:505;opacity:0;-webkit-border-radius:25px;"></div>
 
+-->
+    <div id="osdmain">    </div>
+        <div id="osdnr"></div>
+        <div id="osdname"></div>
+        <div id="osdtimer"></div>
+        <div id="osdepg"></div>
+        <div id="osdtime"></div>
+        <div id="osdca"></div>    
+
+
 	<div id="schedule" style="width:50%; height:75%; position:absolute; left:25%; top:10%;opacity:0;z-index:510;-webkit-border-radius:50px;"></div>
 
 	<div id="osdmute" style="width:7%; position:absolute; left:76%; top:9%;z-index:515;opacity:0;"><img src="mute.png"></div>
diff --git a/style_1.css b/style_1.css
index 302d4b8..f93c858 100644
--- a/style_1.css
+++ b/style_1.css
@@ -1,13 +1,99 @@
-div#osdmain {
-	background: rgba(0,0,0,0.8) !important;
-	width: 100% !important;
-	height: 20% !important;
-	position: absolute;
-	border-top: 3px solid #DADADA !important;
-	bottom: 0% !important;
-	left: 0% !important;
-	border-radius: 0px !important;
-	-webkit-border-radius: 0px !important;
-	color: #FFF !important;
-}
+	div#osdmain {
+	font-family		: 'Ubuntu', sans-serif;
+	font-weight		: 400;
+	position		: relative;
+	z-index			: 505;
+	background		: url(osd-bg.png) top center repeat-x rgba(0,0,0,0.8);
+	width			: 100%;
+	height			: 25%;
+	top			: 75%;
+	bottom			: 0%;
+	left			: 0%;
+	color			: #FFF;
+	border-radius	: 0 30px 0 30px;
+	overflow		: hidden;
+	}
 
+	div#osdnr {
+		font-size	: 40px;
+		padding		: 40px 0;
+		font-weight	: 700;
+		color		: #feb900;
+		position 	: absolute;
+		width 		: 8%;
+		height		: 100%;
+		left		: 0%;
+		top			: 0%;
+		text-align	: center;
+		border-right: 1px solid #111;
+		background	: rgba(0,0,0,0.3);
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+	
+	div#osdname {
+		font-size	: 22px;
+		font-weight	: 700;
+		position	: absolute;
+		width		: 60%;
+		height		: 25%;
+		left		: 10%;
+		top 		: 15%;
+		border-bottom: 1px solid #111;
+	}
+
+	div#osdtimer {
+		color			: #feb900;
+		position		: absolute;
+		width			: auto;
+		text-align		: center;
+		left			: 10%;
+		top				: 45%;
+		border-radius	: 10px;
+		-webkit-border-radius: 10px;
+		background		: rgba(0,0,0,0.2);
+		padding			: 10px;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+	
+	div#osdepg {
+		position	: absolute;
+		width		: 50%;
+		height		: 55%;
+		left		: 20%;
+		top			: 45%;
+		line-height	: 28px;
+	}
+	
+	div#osdtime {
+		font-size	: 18px;
+		color		: #FFF;
+		position	: absolute;
+		width		: 27%;
+		height		: 25%;
+		right		: 3%;
+		top			: 15%;
+		text-align	: right;
+		border-bottom: 1px solid #111;
+	}
+
+	div#osdca { 
+		color		: #999;
+		position	: absolute;
+		width		: auto;
+		right		: 3%;
+		top			: 45%;
+		text-align	: right;
+		border-radius	: 10px;
+		-webkit-border-radius: 10px;
+		background		: rgba(0,0,0,0.2);
+		padding			: 10px;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+
+	}
+	
diff --git a/style_old.css b/style_old.css
new file mode 100644
index 0000000..d7ac967
--- /dev/null
+++ b/style_old.css
@@ -0,0 +1,63 @@
+	div#osdmain {
+	position		: absolute;
+	z-index			: 505;
+	width			: 80%;
+	top			: 60%;
+	bottom			: 9%;
+	left			: 10%;
+	-webkit-border-radius		: 50px;
+	}
+
+	div#osdnr {
+		position 	: absolute;
+	z-index			: 505;
+		width 		: 10%;
+		height		: 9%;
+		left		: 12%;
+		top		: 56%;
+	-webkit-border-radius		: 25px;
+	}
+	
+	div#osdname {
+	z-index			: 505;
+		position	: absolute;
+		width		: 69%;
+		height		: 4%;
+		left		: 12%;
+		top 		: 66%;
+	}
+
+
+	div#osdtimer {
+	z-index			: 505;
+		position		: absolute;
+		width			: 7%;
+		left			: 12%;
+		top			: 69%;
+	}
+	
+	div#osdepg {
+	z-index			: 505;
+		position	: absolute;
+		width		: 63%;
+		left		: 21%;
+		top		: 69%;
+	}
+	
+	div#osdtime {
+	z-index			: 505;
+		position	: absolute;
+		width		: 42%;
+		left		: 58%;
+		top		: 63%;
+	}
+
+	div#osdca { 
+	z-index			: 505;
+		position	: absolute;
+		width		: 5%;
+		left		: 75%;
+		top		: 67%;
+	}
+	
+
author	M. Voerman <rekordc@gmail.com>	2014-11-12 03:03:21 +0100
committer	M. Voerman <rekordc@gmail.com>	2014-11-12 03:03:21 +0100
commit	e01cf8ad95c9002880de8db5e66f556e6fb24348 (patch)
tree	b77be6350973b3560b73e56ffede3557b8b94088
parent	ee95274ce1980e01674ac954656dd58b92b0de42 (diff)
download	vdr-vipclient-e01cf8ad95c9002880de8db5e66f556e6fb24348.tar.gz vdr-vipclient-e01cf8ad95c9002880de8db5e66f556e6fb24348.tar.bz2