From 5d2806ef7d628c682ec402a814446038605e7123 Mon Sep 17 00:00:00 2001
From: "M. Voerman" <rekordc@gmail.com>
Date: Sat, 15 Nov 2014 16:44:32 +0100
Subject: Make skin also ready for 576p & 720p part 5

---
 History            |  2 +-
 javascript/main.js | 15 ++++++++-------
 skins/blue.css     | 18 ++++++++++++++++++
 3 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/History b/History
index a555103..84a40f7 100644
--- a/History
+++ b/History
@@ -11,7 +11,7 @@ VDR 1.7.29+
 	Fixed show ext epg info if ext info != short info.
 	Moved script to main.js
 	Display shows R/F + channelnumber ('R' for Radio, 'F' for favorite)
-	Skinning, CSS styling
+	Skinning, CSS styling (<menu> <1> <blue> changes skin, restart needed sometimes)
 	In osd timeleft can't be more 24h (Gives a long number when box has no internet or time is totally wrong)
 	Timed change, set to 0 for old behavior (press ok for change)
 	
diff --git a/javascript/main.js b/javascript/main.js
index cb5ac32..d1e396e 100644
--- a/javascript/main.js
+++ b/javascript/main.js
@@ -3107,7 +3107,7 @@ function ShowTimerInfo() {
 		info1 = x[0].getElementsByTagName("param")[1].childNodes[0].nodeValue;
 		info2 = x[0].getElementsByTagName("param")[5].childNodes[0].nodeValue;
 		info4 = x[0].getElementsByTagName("param")[3].childNodes[0].nodeValue;
-		info3 = x[0].getElementsByTagName("param")[2].childNodes[0].nodeValue + "</p><p>";
+		info3 = x[0].getElementsByTagName("param")[2].childNodes[0].nodeValue; // + "</p><p>";
 
 	  } catch(e) {
 	    alert("Get EPG problem: " + e);
@@ -3117,9 +3117,9 @@ function ShowTimerInfo() {
 	info3 = Lang[37];
   }
        	osdepginfo.innerHTML = "<span class=osdepginfo" + cssres[css_nr][Set_Res] + ">" + "<p class=epg_head>" 
-				+ Left(info1,60) + "\n " + timersDays[timerID] + " " + 
-				timersStrt[timerID] + " - " + timersStop[timerID] + "\n" 
-				+ info2 + "\n " + info3 + Left(info4,750) + "</p></span>" ;
+				+ Left(info1,60) + "<br>" + timersDays[timerID] + " " + 
+				timersStrt[timerID] + " - " + timersStop[timerID] + "<br>" 
+				+ info2 + "</p><p class=epg_info>" + info3 + "<br>" + Left(info4,750) + "</p></span>" ;
  }
 }
 
@@ -3148,7 +3148,7 @@ try {
 	  }
 
 		// Extended INFO
-		SearchTimer[i] = "<pre class=mainhead" + cssres[css_nr][Set_Res] + ">" + x[i].getElementsByTagName("search")[0].childNodes[0].nodeValue + "\n </pre><pre>";
+		SearchTimer[i] = "<pre class=mainhead" + cssres[css_nr][Set_Res] + ">" + x[i].getElementsByTagName("search")[0].childNodes[0].nodeValue + "\n </pre><pre class=searchtimers" + cssres[css_nr][Set_Res] + ">";
 		if ((x[i].getElementsByTagName("use_as_searchtimer")[0].childNodes[0].nodeValue) == 0) {
 			SearchTimer[i]  += "\uE003\uE016\uE003" + Lang[40] + "\n";
 		} else {
@@ -3255,8 +3255,9 @@ function ShowSearchTimerInfo() {
 
 	  }
 
-       	osdepginfo.innerHTML = "<span class=osdepginfo" + cssres[css_nr][Set_Res] + ">"
-				+ "<p class=epg_head>" + searchtimersSearch[timerID] + "\n " + info1 + "</p></span>" ;
+       	osdepginfo.innerHTML = "<h1 class=mainmenu" + cssres[css_nr][Set_Res] + ">"
+				+ searchtimersSearch[timerID] + "</h1><pre class=searchtimers" 
+				+ cssres[css_nr][Set_Res] + ">" + info1 + "</pre>" ;
 
 }
 
diff --git a/skins/blue.css b/skins/blue.css
index 8700d5a..5f99722 100644
--- a/skins/blue.css
+++ b/skins/blue.css
@@ -303,6 +303,24 @@
 	color:yellow;
 	}
 
+	pre.searchtimers576 {
+	color	:black;
+	text-align: left;
+	font-size:19px;
+	}
+
+	pre.searchtimers720 {
+	color	:black;
+	text-align: left;
+	font-size:24px;
+	}
+
+	pre.searchtimers1080 {
+	color	:black;
+	text-align: left;
+	font-size:36px;
+	}
+
 	pre.color_switchtimer576 {
 	background		: #660066;
 	font-size:19px;
-- 
cgit v1.2.3