From 3660e571ef3c32e681f9f1974c7c58fa680a21b4 Mon Sep 17 00:00:00 2001 From: "M. Voerman" Date: Wed, 12 Nov 2014 11:27:18 +0100 Subject: Moving more to CSS --- index.html | 37 +++++--------- settings2.js | 22 +-------- style_old.css | 154 +++++++++++++++++++++++++++++++++++++++++++++++++++++++--- 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 @@

Volume :

@@ -52,17 +41,17 @@

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; } - -- cgit v1.2.3