summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorM. Voerman <rekordc@gmail.com>2014-11-13 01:28:42 +0100
committerM. Voerman <rekordc@gmail.com>2014-11-13 01:28:42 +0100
commitf37b0138a6a10adbf793844407ab6e88c153a359 (patch)
tree7054e04c6146579926db0c0ef49fdf96e0f84ad3
parenta7be5aaf4d0ee1c09558cd015d8e2d10ff4ae1e8 (diff)
downloadvdr-vipclient-f37b0138a6a10adbf793844407ab6e88c153a359.tar.gz
vdr-vipclient-f37b0138a6a10adbf793844407ab6e88c153a359.tar.bz2
Original styling is now blue.css
Diffstat
-rw-r--r--blue.css (renamed from style_old.css)50
-rw-r--r--index.html9
-rw-r--r--main.js6
-rw-r--r--settings.js2
-rw-r--r--style_1.css167
5 files changed, 128 insertions, 106 deletions
diff --git a/style_old.css b/blue.css
index 599f131..e2c30a1 100644
--- a/style_old.css
+++ b/blue.css
@@ -1,3 +1,12 @@
+ videoplane#videoplane {
+ position:absolute;
+ left:0px;
+ top:0px;
+ height:100%;
+ width:100%;
+ z-index:500;
+ }
+
div#osdmain {
position : absolute;
z-index : 505;
@@ -12,10 +21,10 @@
div#osdnr {
position : absolute;
z-index : 505;
- width : 10%;
- height : 9%;
- left : 12%;
- top : 56%;
+ width : 13%;
+ height : 30%;
+ left : 3%;
+ top : -15%;
-webkit-border-radius : 25px;
background : red;
color : black;
@@ -26,8 +35,8 @@
position : absolute;
width : 69%;
height : 4%;
- left : 12%;
- top : 66%;
+ left : 3%;
+ top : 18%;
color : black;
}
@@ -36,36 +45,39 @@
z-index : 505;
position : absolute;
width : 7%;
- left : 12%;
- top : 69%;
+ left : 5%;
+ top : 30%;
}
-
- div#osdepg {
+
+ div#osdtime {
z-index : 505;
position : absolute;
- width : 63%;
- left : 21%;
- top : 69%;
+ width : 42%;
+ left : 58%;
+ top : 7%;
color : white;
}
+
- div#osdtime {
+ div#osdepg {
z-index : 505;
position : absolute;
- width : 42%;
- left : 58%;
- top : 63%;
+ width : 63%;
+ left : 17%;
+ top : 30%;
color : white;
}
-
+
div#osdca {
z-index : 505;
position : absolute;
width : 5%;
left : 75%;
- top : 67%;
+ top : 20%;
color : black;
}
+
+
div#channellist {
z-index : 400;
position : absolute;
diff --git a/index.html b/index.html
index b64a961..300f3cc 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
/***********************************************************/
</script>
-<link rel="stylesheet" type="text/css" href="style_old.css">
+<link rel="stylesheet" type="text/css" href="blue.css">
</head>
<body onload="onLoad()" onunload="onUnload()">
@@ -26,20 +26,21 @@
<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>
+ <videoplane id='videoplane'></videoplane>
<div id="pipVideoDiv" ></div>
<div id="osdvolume">Volume : </div>
<div id="osdmedia"></div>
- <div id="osdmain"> </div>
+ <div id="osdmain">
+
<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>
<div id="schedule"></div>
diff --git a/main.js b/main.js
index 690e90d..08cdbe1 100644
--- a/main.js
+++ b/main.js
@@ -1406,6 +1406,9 @@ function updateOSDtime(timchan) {
tijd = new Date(tijd);
dateCurrent = new Date();
var EPGminutes = Math.floor((dateCurrent.getTime() - date.getTime()) /1000/60);
+ if (EPGminutes > 1440) {
+ EPGminutes = 0; // Duration is >24h, maybe current time isn't right.
+ }
var tm = tijd.getMinutes();
var th = tijd.getHours();
th=addzero(th);
@@ -2324,6 +2327,7 @@ function onKeyMenu(keyCode) {
break;
case "Red":
+
if (menu == 1) {
if (subs_dyn < (subs_prio_dyn.length -1)) { subs_dyn += 1} else { subs_dyn = 0 }
if (subs_prio_dyn.length > 0) {
@@ -2827,7 +2831,7 @@ if(menu == 1) { // settings menu
htmltext += "\n\n <font style='color:red;'>\u25CF<font style='" + color_main_font + ";'> -" + Lang[20];
htmltext += "<font style='color:green;'>\u25CF<font style='" + color_main_font + ";'> - " + VideoOutputModes_txt[VideoOutputModes[Set_Res]] + " ";
htmltext += "<font style='color:yellow;'>\u25CF<font style='" + color_main_font + ";'> -" + Lang[35];
- htmltext += "<font style='color:blue;'>\u25CF<font style='" + color_main_font + ";'> - " + Left(cssfile[css_nr],8) +"</pre>";
+ htmltext += "<font style='color:blue;'>\u25CF<font style='" + color_main_font + ";'> - " + Left(cssfile[css_nr].split("."),8) +"</pre>";
// htmltext += "\n 0 -" + Lang[9] +"</pre>";
mainmenu.innerHTML = htmltext;
}
diff --git a/settings.js b/settings.js
index 99ee228..63936f7 100644
--- a/settings.js
+++ b/settings.js
@@ -14,7 +14,7 @@ OSDLang = new Array ("English", "Nederlands", "Deutsch");
langfile = new Array ("lang_eng.js", "lang_dut.js","lang_ger.js");
lang_prio = new Array("dut,eng,und","ger,deu,eng","eng,und","fre,fra,eng");
-cssfile = new Array ("style_old.css","style_1.css");
+cssfile = new Array ("blue.css","style_1.css");
var css_nr;
var subs_prio = "dut,eng"; //Subtitle prio
diff --git a/style_1.css b/style_1.css
index f93c858..11bd43f 100644
--- a/style_1.css
+++ b/style_1.css
@@ -1,99 +1,104 @@
- 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;
- }
+body {
+
+}
+div#osdmain {
+ font-family : 'Ubuntu', sans-serif !important;
+ font-weight : 400 !important;
+ position : absolute !important;
+ z-index : 505 !important;
+ background : url(osd-bg.png) top center repeat-x rgba(0,0,0,0.8) !important;
+ width : 100% !important;
+ height : 25% !important;
+ bottom : 0 !important;
+ left : 0 !important;
+ color : #FFF !important;
+ border-radius : 0 30px 0 30px !important;
+ overflow : hidden !important;
+}
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;
+ font-size : 40px !important;
+ display : table !important;
+ font-weight : 700 !important;
+ color : #feb900 !important;
+ position : absolute !important;
+ width : 8% !important;
+ height : 100% !important;
+ left : 0% !important;
+ top : 0% !important;
+ text-align : center !important;
+ border-right : 1px solid #444 !important;
+ background : rgba(0,0,0,0.4) !important;
}
+ div#osdnr span {
+ display : table-cell !important;
+ vertical-align : middle !important;
+ }
+
div#osdname {
- font-size : 22px;
- font-weight : 700;
- position : absolute;
- width : 60%;
- height : 25%;
- left : 10%;
- top : 15%;
- border-bottom: 1px solid #111;
+ font-size : 22px !important;
+ font-weight : 700 !important;
+ position : absolute !important;
+ width : 60% !important;
+ height : 25% !important;
+ left : 10% !important;
+ top : 15% !important;
+ border-bottom : 1px solid #444 !important;
+ white-space : nowrap !important;
+ overflow : hidden !important;
+ text-overflow : ellipsis !important;
}
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;
+ color : #feb900 !important;
+ position : absolute !important;
+ width : auto !important;
+ text-align : center !important;
+ left : 10% !important;
+ top : 45% !important;
+ border-radius : 10px !important;
+ -webkit-border-radius: 10px !important;
+ background : rgba(0,0,0,0.3) !important;
+ padding : 10px !important;
}
div#osdepg {
- position : absolute;
- width : 50%;
- height : 55%;
- left : 20%;
- top : 45%;
- line-height : 28px;
+ position : absolute !important;
+ width : 50% !important;
+ height : 55% !important;
+ left : 20% !important;
+ top : 45% !important;
+ line-height : 28px !important;
+ white-space : nowrap !important;
+ overflow : hidden !important;
+ text-overflow : ellipsis !important;
}
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;
+ font-size : 18px !important;
+ color : #FFF !important;
+ position : absolute !important;
+ width : 30% !important;
+ height : 25% !important;
+ right : 3% !important;
+ top : 15% !important;
+ text-align : right !important;
+ border-bottom : 1px solid #444 !important;
+ white-space : nowrap !important;
+ overflow : hidden !important;
+ text-overflow : ellipsis !important;
}
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;
-
+ color : #999 !important;
+ position : absolute !important;
+ width : auto !important;
+ right : 3% !important;
+ top : 45% !important;
+ text-align : right !important;
+ border-radius : 10px !important;
+ -webkit-border-radius: 10px !important;
+ background : rgba(0,0,0,0.3) !important;
+ padding : 10px !important;
}
-
generated by cgit v1.2.3 (git 2.25.1) at 2025-02-14 07:46:23 +0000