summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--images/background.pngbin0 -> 33702 bytes
-rw-r--r--images/mute.png (renamed from mute.png)bin9001 -> 9001 bytes
-rw-r--r--images/osd-bg.pngbin0 -> 993 bytes
-rw-r--r--images/unmute.png (renamed from unmute.png)bin7472 -> 7472 bytes
-rw-r--r--index.html12
-rw-r--r--javascript/channels.js (renamed from channels.js)0
-rw-r--r--javascript/main.js (renamed from main.js)0
-rw-r--r--javascript/settings.js (renamed from settings.js)4
-rw-r--r--javascript/settings2.js (renamed from settings2.js)2
-rw-r--r--[-rwxr-xr-x]languages/lang_dut.js (renamed from lang_dut.js)0
-rw-r--r--[-rwxr-xr-x]languages/lang_eng.js (renamed from lang_eng.js)0
-rw-r--r--languages/lang_ger.js (renamed from lang_ger.js)0
-rw-r--r--skins/black.css420
-rw-r--r--skins/blue.css (renamed from blue.css)0
-rw-r--r--style_1.css104
15 files changed, 430 insertions, 112 deletions
diff --git a/images/background.png b/images/background.png
new file mode 100644
index 0000000..8b1d392
--- /dev/null
+++ b/images/background.png
Binary files differ
diff --git a/mute.png b/images/mute.png
index 44e9547..44e9547 100644
--- a/mute.png
+++ b/images/mute.png
Binary files differ
diff --git a/images/osd-bg.png b/images/osd-bg.png
new file mode 100644
index 0000000..a116650
--- /dev/null
+++ b/images/osd-bg.png
Binary files differ
diff --git a/unmute.png b/images/unmute.png
index 70000a8..70000a8 100644
--- a/unmute.png
+++ b/images/unmute.png
Binary files differ
diff --git a/index.html b/index.html
index 7cf869e..8a7f871 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,10 @@
<html>
<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" src="javascript/settings.js"></script>
+<script type="text/javascript" src="javascript/settings2.js"></script>
+<script type="text/javascript" src="javascript/lang_eng.js"></script>
+<script type="text/javascript" src="javascript/channels.js"></script>
+<script type="text/javascript" src="javascript/main.js"></script>
<script type="text/javascript">
/***********************************************************/
@@ -16,7 +16,7 @@
/***********************************************************/
</script>
-<link rel="stylesheet" type="text/css" href="blue.css">
+<link rel="stylesheet" type="text/css" href="skins/blue.css">
</head>
<body onload="onLoad()" onunload="onUnload()">
diff --git a/channels.js b/javascript/channels.js
index 38a3800..38a3800 100644
--- a/channels.js
+++ b/javascript/channels.js
diff --git a/main.js b/javascript/main.js
index 3c07f40..3c07f40 100644
--- a/main.js
+++ b/javascript/main.js
diff --git a/settings.js b/javascript/settings.js
index 14ebf05..e262564 100644
--- a/settings.js
+++ b/javascript/settings.js
@@ -11,10 +11,10 @@ var StartVolume = 15; // Volume on (re)start of the portal.
var currChan = 10; // default channel
OSDLang = new Array ("English", "Nederlands", "Deutsch");
-langfile = new Array ("lang_eng.js", "lang_dut.js","lang_ger.js");
+langfile = new Array ("languages/lang_eng.js", "languages/lang_dut.js","languages/lang_ger.js");
lang_prio = new Array("dut,eng,und","ger,deu,eng","eng,und","fre,fra,eng");
-cssfile = new Array ("blue.css","style_1.css");
+cssfile = new Array ("skins/blue.css","skins/black.css");
var css_nr;
var subs_prio = "dut,eng"; //Subtitle prio
diff --git a/settings2.js b/javascript/settings2.js
index 9348b31..513582e 100644
--- a/settings2.js
+++ b/javascript/settings2.js
@@ -2,8 +2,10 @@
var fsList; var fsSchedList; var fsSched;
var color_bg = "#fc5";
+var color_main_head = "color:white";
var color_sched_head = "color:white";
var color_sched_font = "color:black";
+var color_timerinfo = "color:white";
var color_progress1 = "<font color=red>";
var color_progress2 = "<font color=white>";
diff --git a/lang_dut.js b/languages/lang_dut.js
index 09e1998..09e1998 100755..100644
--- a/lang_dut.js
+++ b/languages/lang_dut.js
diff --git a/lang_eng.js b/languages/lang_eng.js
index 0b41fb2..0b41fb2 100755..100644
--- a/lang_eng.js
+++ b/languages/lang_eng.js
diff --git a/lang_ger.js b/languages/lang_ger.js
index 085568b..085568b 100644
--- a/lang_ger.js
+++ b/languages/lang_ger.js
diff --git a/skins/black.css b/skins/black.css
new file mode 100644
index 0000000..cdaea62
--- /dev/null
+++ b/skins/black.css
@@ -0,0 +1,420 @@
+* {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ vertical-align: baseline;
+}
+
+body {
+ background : url(../images/background.png) repeat #000;
+ width : 100%;
+ height : 100%;
+ margin : 0;
+ padding : 0;
+ font-family : 'Ubuntu', sans-serif;
+}
+
+videoplane#videoplane {
+ position : absolute;
+ left : 0px;
+ top : 0px;
+ height : 100%;
+ width : 100%;
+ z-index : 500;
+}
+
+/* OSD Bottom of Decorder */
+
+div#osdmain {
+ font-family : 'Ubuntu', sans-serif;
+ font-weight : 400;
+ position : absolute;
+ z-index : 505;
+ background : url(../images/osd-bg.png) top center repeat-x rgba(0,0,0,0.8);
+ width : 94%;
+ height : 25%;
+ bottom : 3%;
+ left : 3%;
+ color : #FFF;
+ overflow : hidden;
+}
+
+ div#osdnr {
+ font-size : 58px;
+ display : table;
+ font-weight : 700;
+ color : #feb900;
+ position : absolute;
+ width : 8%;
+ height : 100%;
+ left : 0%;
+ top : 0%;
+ text-align : center;
+ border-right : 1px solid #444;
+ background : rgba(0,0,0,0.4);
+ }
+
+ div#osdnr span {
+ display : table-cell;
+ vertical-align : middle;
+ }
+
+ div#osdname {
+ font-size : 40px;
+ font-weight : 700;
+ position : absolute;
+ width : 60%;
+ height : 25%;
+ left : 10%;
+ top : 15%;
+ border-bottom : 1px solid #444;
+ white-space : nowrap;
+ overflow : hidden;
+ text-overflow : ellipsis;
+ }
+
+ 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.3);
+ padding : 10px;
+ font-size : 28px;
+ }
+
+ div#osdepg {
+ position : absolute;
+ width : 50%;
+ height : 55%;
+ left : 20%;
+ top : 45%;
+ line-height : 28px;
+ white-space : nowrap;
+ overflow : hidden;
+ text-overflow : ellipsis;
+ font-size : 28px;
+ }
+
+ div#osdtime {
+ font-size : 28px;
+ line-height : 45px;
+ color : #FFF;
+ position : absolute;
+ width : 30%;
+ height : 25%;
+ right : 3%;
+ top : 15%;
+ text-align : right;
+ border-bottom : 1px solid #444;
+ white-space : nowrap;
+ overflow : hidden;
+ text-overflow : ellipsis;
+ }
+
+ div#osdca {
+ font-size : 50px;
+ 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.3);
+ padding : 10px;
+ }
+
+/* END - OSD Bottom of Decorder */
+
+ .bluekey {
+ color : blue;
+ }
+ .#ad0806key {
+ color : #ad0806;
+ }
+ .yellowkey {
+ color :yellow;
+ }
+ .greenkey {
+ color :green;
+ }
+ .mainfont {
+ font-size:49px;
+ color:black;
+ }
+
+ .notset {
+ color :grey;
+ }
+
+ .select {
+ background :#fc5;
+ -webkit-border-radius:25px;
+ color:black;
+ font-size:49px;
+ }
+
+ .mediaselect {
+ background :#fc5;
+ -webkit-border-radius:25px;
+ color:black;
+ font-size:38px;
+ }
+
+ pre.mediamenu {
+ font-size:38px;
+ color:black;
+ }
+
+ p.epg_head {
+ color:white;
+ text-align: center;
+ }
+
+ p.epg_avinfo {
+ color:black;
+ text-align: center;
+ }
+
+ p.epg_title {
+ color:white;
+ text-align: center;
+ }
+
+ p.epg_info {
+ color:yellow;
+ text-align: center;
+ }
+
+ pre.color_switchtimer {
+ background : #660066;
+ }
+
+ pre.color_default {
+ background : green;
+ }
+
+ pre.color_error {
+ background : #ad0806;
+ }
+
+
+
+ videoplane#videoplane {
+ position:absolute;
+ left:0px;
+ top:0px;
+ height:100%;
+ width:100%;
+ z-index:500;
+ }
+
+ h1.mainmenu {
+ font-size:66px;
+ color:white;
+ text-align: center;
+ }
+
+ pre.mainmenu {
+ font-size:49px;
+ color:black;
+ }
+ pre.mainhead {
+ font-size:66px;
+ color:white;
+ text-align: center;
+ }
+
+ pre.media {
+ color:white;
+ font-size:49px;
+ }
+
+ pre.epgtimerinfo {
+ color:white;
+ text-align: center;
+ }
+
+ p.epgtimerinfo {
+ text-align: center;
+ }
+
+
+ p.epg {
+ font-size:36px;
+ color:black;
+ text-align: center;
+ }
+
+ p.list {
+ font-size:34px;
+ color:black;
+ text-align: center;
+ }
+
+ p.osdtimer {
+ font-size:34px;
+ 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%;
+ font-size:36px;
+ }
+
+ div#chanlistepg {
+ z-index : 402;
+ position : absolute;
+ width : 42%;
+ left : 7%;
+ top : 50%;
+ }
+
+ div#osdvolume {
+ z-index : 501;
+ position : absolute;
+ width : 63%;
+ left : 10%;
+ top : 80%;
+ opacity : 0;
+ color : green;
+ font-size:66px;
+ }
+
+ div#osdmedia {
+ width :80%;
+ position :absolute;
+ left :10%;
+ top :60%;
+ z-index :506;
+ opacity :0;
+ -webkit-border-radius:50px;
+ background : #3366ff;
+ }
+
+ div#osdmediatime {
+ z-index : 506;
+ position : absolute;
+ width : 42%;
+ right : 15%;
+ top : 63%;
+ color : white;
+ font-size:35px;
+ text-align: right;
+ }
+
+
+
+ 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;
+ font-size:30px;
+ }
+
+ div#mainmenu {
+ width : 40%;
+ height : 100%;
+ color : #FFF;
+ text-align : left;
+ position : absolute;
+ left : 3%;
+ top : 3%;
+ z-index : 520;
+ opacity : 0;
+ background : url(../images/osd-bg.png) top center repeat-x rgba(0,0,0,0.8);
+ }
+
+ 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;
+ font-size : 36px;
+ background : green;
+ }
+
+ div#osdepginfo {
+ width : 80%;
+ position : absolute;
+ left : 10%;
+ top : 10%;
+ z-index : 525;
+ opacity : 0;
+ -webkit-border-radius :0 25px 0 25px;
+ background : #3366ff;
+ font-size : 39px;
+ }
+
+ div#osdepginfonext {
+ width : 80%;
+ position : absolute;
+ left : 10%;
+ top : 10%;
+ z-index : 525;
+ opacity : 0;
+ -webkit-border-radius :0 25px 0 25px;
+ background : #3366ff;
+ font-size : 39px;
+ } \ No newline at end of file
diff --git a/blue.css b/skins/blue.css
index b810e92..b810e92 100644
--- a/blue.css
+++ b/skins/blue.css
diff --git a/style_1.css b/style_1.css
deleted file mode 100644
index 11bd43f..0000000
--- a/style_1.css
+++ /dev/null
@@ -1,104 +0,0 @@
-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 !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 !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 !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 !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 !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 !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-21 11:17:45 +0000