Moving more to CSS

author: M. Voerman <rekordc@gmail.com> 2014-11-12 11:27:18 +0100
committer: M. Voerman <rekordc@gmail.com> 2014-11-12 11:27:18 +0100
commit: 3660e571ef3c32e681f9f1974c7c58fa680a21b4 (patch)
tree: a888122b1c24b38d87f6f8692c3ec35e7867d01a
parent: e01cf8ad95c9002880de8db5e66f556e6fb24348 (diff)
download: vdr-vipclient-3660e571ef3c32e681f9f1974c7c58fa680a21b4.tar.gz
vdr-vipclient-3660e571ef3c32e681f9f1974c7c58fa680a21b4.tar.bz2
3 files changed, 161 insertions, 52 deletions
diff --git a/index.html b/index.html
index 0bdc6c8..b64a961 100644
--- a/index.html
+++ b/index.html
@@ -22,27 +22,16 @@
 <body onload="onLoad()" onunload="onUnload()">
     	<embed type="application/x-motorola-toi" hidden="true">
 
-	<div id="channellist" style="width:100%; height:48%; position:absolute; left:7%; top:4%;;z-index:400;"></div>
-	<div id="colorkeys" style="width:100%; position:absolute; left:10%; top:84%;z-index:401;"></div>
-	<div id="chanlistepg" style="width:42%; position:absolute; left:7%; top:50%;z-index:402;"></div>
+	<div id="channellist"></div>
+	<div id="colorkeys"></div>
+	<div id="chanlistepg"></div>
 
 	<videoplane id='videoplane' style='position:absolute;left:0px;top:0px;height:100%;width:100%;z-index:500;'></videoplane>
 	<div id="pipVideoDiv" ></div>
 
-	<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="osdvolume">Volume : </div>
+	<div id="osdmedia"></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>
-	<div id="osdepg" style="width:63%; position:absolute; left:21%; top:69%;z-index:505;"></div>
-	<div id="osdtimer" style="width:7%; position:absolute; left:12%; top:69%;z-index:505;"></div>
-	<div id="osdca" style="width:5%; position:absolute; left:75%; top:67%;z-index:505;"></div>
-
-	<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>
@@ -52,17 +41,17 @@
         <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="schedule"></div>
 
-	<div id="osdmute" style="width:7%; position:absolute; left:76%; top:9%;z-index:515;opacity:0;"><img src="mute.png"></div>
-	<div id="osdlang" style="width:7%; position:absolute; left:76%; top:9%;z-index:515;opacity:0;"></div>
+	<div id="osdmute"><img src="mute.png"></div>
+	<div id="osdlang"></div>
 
-	<div id="mainmenu"  style="width:80%; position:absolute; left:10%; top:10%; bottom:10%;z-index:520;opacity:0;-webkit-border-radius:50px;"></div>
-	<div id="medialist" style="width:80%; position:absolute; left:10%; top:10%; bottom:10%;z-index:520;opacity:0;-webkit-border-radius:50px;"></div>
+	<div id="mainmenu"></div>
+	<div id="medialist"></div>
 
-	<div id="switchtimer" style="width:45%; position:absolute; left:21%; top:26%;z-index:530;opacity:0;-webkit-border-radius:25px;"></div>
-	<div id="osdepginfo" style="width:80%; position:absolute; left:10%; top:10%;z-index:525;opacity:0;-webkit-border-radius:50px;"></div>
-	<div id="osdepginfonext" style="width:80%; position:absolute; left:10%; top:10%;z-index:525;opacity:0;-webkit-border-radius:50px;"></div>
+	<div id="switchtimer"></div>
+	<div id="osdepginfo"></div>
+	<div id="osdepginfonext"></div>
 </body>
 </html>
 
diff --git a/settings2.js b/settings2.js
index 2020087..ee09507 100644
--- a/settings2.js
+++ b/settings2.js
@@ -42,30 +42,10 @@ function SetupFonts() {
 	osdepginfonext.style.fontSize = fsEpginfo;
 	osdnr.style.fontSize = fsChan;
 	osdlang.style.fontSize = fsAudio;
+
 //setup fontcolors/ backgroundcolor
 	document.body.style.backgroundColor = "#ccc";
-	osdvolume.style.color = "green";
-	osdtime.style.color = "white";
-	osdname.style.color = "black";
-//	osdname.style.color = "yellow";
-	osdepg.style.color = "white";
-	osdca.style.color = "black";
-//	osdca.style.color = "yellow";
-	switchtimer.style.color = "white";
 	switchtimer.style.background = DefaultBGColor;
-	osdnr.style.background = "red";
-	var i = "#3366ff";
-//	var i = "#101010";
-	osdmedia.style.background = i;
-	osdmain.style.background = i;
-	schedule.style.background = i;
-	mainmenu.style.background = i;
-	medialist.style.background = i;
-	osdepginfo.style.background = i;
-	osdepginfonext.style.background = i;
-	channellist.style.background = "#bbb";
-	osdnr.style.color = "black";
-	osdlang.style.color = "white";
 }
 
 function setOSDscale() {
diff --git a/style_old.css b/style_old.css
index d7ac967..5ce71b4 100644
--- a/style_old.css
+++ b/style_old.css
@@ -6,16 +6,19 @@
 	bottom			: 9%;
 	left			: 10%;
 	-webkit-border-radius		: 50px;
+	background		: #3366ff;
 	}
 
 	div#osdnr {
-		position 	: absolute;
+	position	 	: absolute;
 	z-index			: 505;
-		width 		: 10%;
-		height		: 9%;
-		left		: 12%;
-		top		: 56%;
-	-webkit-border-radius		: 25px;
+	width 			: 10%;
+	height			: 9%;
+	left			: 12%;
+	top			: 56%;
+	-webkit-border-radius	: 25px;
+	background		: red;
+	color			: black;
 	}
 	
 	div#osdname {
@@ -25,6 +28,7 @@
 		height		: 4%;
 		left		: 12%;
 		top 		: 66%;
+		color		: black;
 	}
 
 
@@ -42,6 +46,7 @@
 		width		: 63%;
 		left		: 21%;
 		top		: 69%;
+		color		: white;
 	}
 	
 	div#osdtime {
@@ -50,6 +55,7 @@
 		width		: 42%;
 		left		: 58%;
 		top		: 63%;
+		color		: white;
 	}
 
 	div#osdca { 
@@ -58,6 +64,140 @@
 		width		: 5%;
 		left		: 75%;
 		top		: 67%;
+		color		: black;
+	}
+	div#channellist { 
+	z-index			: 400;
+		position	: absolute;
+		width		: 100%;
+		height		: 48%;
+		left		: 7%;
+		top		: 4%;
+	background		: #bbb;
+	}
+
+	div#colorkeys { 
+	z-index			: 401;
+		position	: absolute;
+		width		: 100%;
+		left		: 10%;
+		top		: 84%;
+	}
+
+	div#chanlistepg { 
+	z-index			: 402;
+		position	: absolute;
+		width		: 42%;
+		left		: 7%;
+		top		: 50%;
+	}
+
+	div#chanlistepg { 
+	z-index			: 501;
+		position	: absolute;
+		width		: 63%;
+		left		: 10%;
+		top		: 80%;
+		opacity		: 0;
+		color		: green;
+	}
+
+	div#osdmedia { 
+		width		:80%;
+		position	:absolute;
+		left		:10%;
+		top		:60%;
+		z-index		:505;
+		opacity		:0;
+		-webkit-border-radius:50px;
+	background		: #3366ff;
+	}
+
+	div#schedule {
+	width		:50%;
+	height		:75%;
+	position	:absolute;
+	left		:25%;
+	top		:10%;
+	opacity		:0;
+	z-index		:510;
+	-webkit-border-radius:50px;
+	background		: #3366ff;
+	}
+
+	div#osdmute {
+	width		:7%; 
+	position	:absolute; 
+	left		:76%; 
+	top		:9%;
+	z-index		:515;
+	opacity		:0;
+	}
+
+	div#osdlang {
+	width		:7%;
+	position	:absolute;
+	left		:76%;
+	top		:9%;
+	z-index		:515;
+	opacity		:0;
+	color		:white;
+	}
+
+	div#mainmenu {
+	width		:80%;
+	position	:absolute;
+	left		:10%;
+	top		:10%;
+	bottom		:10%;
+	z-index		:520;
+	opacity		:0;
+	-webkit-border-radius:50px;
+	background		: #3366ff;
+	}
+
+	div#medialist {
+	width		:80%;
+	position	:absolute;
+	left		:10%;
+	top		:10%;
+	bottom		:10%;
+	z-index		:520;
+	opacity		:0;
+	-webkit-border-radius:50px;
+	background		: #3366ff;
+	}
+
+	div#switchtimer {
+	width		:45%;
+	position	:absolute;
+	left		:21%;
+	top		:26%;
+	z-index		:530;
+	opacity		:0;
+	-webkit-border-radius:25px;
+	color		:white;
+	}
+
+	div#osdepginfo {
+	width		:80%;
+	position	:absolute;
+	left		:10%;
+	top		:10%;
+	z-index		:525;
+	opacity		:0;
+	-webkit-border-radius:50px;
+	background		: #3366ff;
+	}
+
+	div#osdepginfonext {
+	width		:80%;
+	position	:absolute;
+	left		:10%;
+	top		:10%;
+	z-index		:525;
+	opacity		:0;
+	-webkit-border-radius:50px;
+	background		: #3366ff;
 	}
-
author	M. Voerman <rekordc@gmail.com>	2014-11-12 11:27:18 +0100
committer	M. Voerman <rekordc@gmail.com>	2014-11-12 11:27:18 +0100
commit	3660e571ef3c32e681f9f1974c7c58fa680a21b4 (patch)
tree	a888122b1c24b38d87f6f8692c3ec35e7867d01a
parent	e01cf8ad95c9002880de8db5e66f556e6fb24348 (diff)
download	vdr-vipclient-3660e571ef3c32e681f9f1974c7c58fa680a21b4.tar.gz vdr-vipclient-3660e571ef3c32e681f9f1974c7c58fa680a21b4.tar.bz2