<html xmlns="http://www.w3.org/1999/xhtml">\r
<head>\r
\r
-/* -----------------------------------------------------------------------\r
-Note: you no longer have to edit this file, you can change the preferences \r
-within the widget now!\r
---------------------------------------------------------------------------- */\r
-\r
<title>Coming Next</title>\r
\r
<style type="text/css">\r
.background { color:#ffffff; background-color:#000000 } /* Defines the background of the widget. If you want to use a background image, set useBackgroundImage = true below */\r
/* for the default themes, black, gray, and light blue, codes are #292029, #e7dfe7, #009aef */\r
+.backgroundFullscreen { color:#ffffff; background-color:#000000 } /* Same as background but for the fullscreen version of the widget */\r
.weekDay { } /* Defines the appearance of all week day texts */\r
.date { } /* Defines the appearance of all date texts */\r
.today { color:#ff0000; } /* Defines the appearance of "Today" text */\r
var enableDaylightSaving = true;// enable this if you are in a timezone that has daylight saving time (+1h)\r
\r
var cssStyle_background = "color:#ffffff; background-color:#000000"; // Defines the background of the widget. If you want to use a background image, set useBackgroundImage = true below. For the default themes, black, gray, and light blue, codes are #292029, #e7dfe7, #009aef\r
+var cssStyle_backgroundFullscreen = "color:#ffffff; background-color:#000000"; // Same as background but for the fullscreen version of the widget\r
var cssStyle_weekDay = ""; // Defines the appearance of all week day texts\r
var cssStyle_date = ""; // Defines the appearance of all date texts\r
var cssStyle_today = "color:#ff0000"; // Defines the appearance of "Today" text\r
if( window.innerHeight > 91 && mode == 0) {\r
mode = 1;\r
cacheEntriesHtml = '';\r
+ document.getElementById('body').style.backgroundImage = "";\r
showFullscreen();\r
}\r
else if (window.innerHeight <= 91 && mode != 0) {\r
enableDaylightSaving = document.forms[0].elements["settings.enableDaylightSaving"].checked;\r
\r
cssStyle_background = document.forms[0].elements["settings.cssStyle_background"].value;\r
+ cssStyle_backgroundFullscreen = document.forms[0].elements["settings.cssStyle_backgroundFullscreen"].value;\r
cssStyle_weekDay = document.forms[0].elements["settings.cssStyle_weekDay"].value;\r
cssStyle_date = document.forms[0].elements["settings.cssStyle_date"].value;\r
cssStyle_today = document.forms[0].elements["settings.cssStyle_today"].value;\r
'<hr><table><tr><td>Enable Daylight Saving:<br><input name="settings.enableDaylightSaving" type="checkbox" value="true" ' + (enableDaylightSaving ? 'checked="checked"' : '') + '/></td>' + printHintBox('enable this if you are in a timezone that has daylight saving time (+1h)') +\r
'<hr style="margin-bottom:60px;"><h1 class="title">CSS Styles</h1>' +\r
'<hr><table><tr><td>.background:<br><input class="textInput" name="settings.cssStyle_background" type="text" value="' + cssStyle_background + '" /></td>' + printHintBox('Defines the background of the widget. If you want to use a background image, enable "useBackgroundImage" instead. For the default themes, black, gray, and light blue, codes are #292029, #e7dfe7, #009aef') +\r
+ '<hr><table><tr><td>.backgroundFullscreen:<br><input class="textInput" name="settings.cssStyle_backgroundFullscreen" type="text" value="' + cssStyle_backgroundFullscreen + '" /></td>' + printHintBox('Same as background but for the fullscreen version of the widget') +\r
'<hr><table><tr><td>.weekDay:<br><input class="textInput" name="settings.cssStyle_weekDay" type="text" value="' + cssStyle_weekDay + '" /></td>' + printHintBox('Defines the appearance of all week day texts') +\r
'<hr><table><tr><td>.date:<br><input class="textInput" name="settings.cssStyle_date" type="text" value="' + cssStyle_date + '" /></td>' + printHintBox('Defines the appearance of all date texts') +\r
'<hr><table><tr><td>.today:<br><input class="textInput" name="settings.cssStyle_today" type="text" value="' + cssStyle_today + '" /></td>' + printHintBox('Defines the appearance of "Today" text') +\r
for(var i = 0; i < document.styleSheets[0]['cssRules'].length; i++)\r
{\r
if (document.styleSheets[0]['cssRules'][i].selectorText == classname) {\r
- //alert(document.styleSheets[0]['cssRules'][i].cssText);\r
- //document.styleSheets[0]['cssRules'][i].cssText = classname + ' { ' + properties + ' }';\r
document.styleSheets[0].deleteRule(i);\r
- //document.styleSheets[0].insertRule(classname + ' { ' + properties + ' }', 0);\r
document.styleSheets[0].insertRule(classname + ' { ' + properties + ' }', document.styleSheets[0]['cssRules'].length);\r
- //document.styleSheets[0]['cssRules'][i].style.cssText = classname + ' { ' + properties + ' }';\r
- //alert(document.styleSheets[0]['cssRules'][i].cssText);\r
- //alert(document.styleSheets[0]['cssRules'][i].cssText + '\n'+ classname + ' { ' + properties + ' }');\r
break;\r
}\r
}\r
function updateCssClasses()\r
{\r
changeCssClass(".background", cssStyle_background);\r
+ changeCssClass(".backgroundFullscreen", cssStyle_backgroundFullscreen);\r
changeCssClass(".weekDay", cssStyle_weekDay);\r
changeCssClass(".date", cssStyle_date);\r
changeCssClass(".today", cssStyle_today);\r
enableDaylightSaving = true;\r
\r
cssStyle_background = "color:#ffffff; background-color:#000000";\r
+ cssStyle_backgroundFullscreen = "color:#ffffff; background-color:#000000";\r
cssStyle_weekDay = "";\r
cssStyle_date = "";\r
cssStyle_today = "color:#ff0000";\r
cssStyle_background = widget.preferenceForKey('cssStyle_background');\r
else\r
cssStyle_background = "color:#ffffff; background-color:#000000";\r
+\r
+ if (widget.preferenceForKey('cssStyle_backgroundFullscreen'))\r
+ cssStyle_backgroundFullscreen = widget.preferenceForKey('cssStyle_backgroundFullscreen');\r
+ else\r
+ cssStyle_backgroundFullscreen = "color:#ffffff; background-color:#000000";\r
\r
if (widget.preferenceForKey('cssStyle_weekDay'))\r
cssStyle_weekDay = widget.preferenceForKey('cssStyle_weekDay');\r
widget.setPreferenceForKey(enableDaylightSaving ? 'true' : 'false', 'enableDaylightSaving');\r
\r
widget.setPreferenceForKey(cssStyle_background, 'cssStyle_background');\r
+ widget.setPreferenceForKey(cssStyle_backgroundFullscreen, 'cssStyle_backgroundFullscreen');\r
widget.setPreferenceForKey(cssStyle_weekDay, 'cssStyle_weekDay');\r
widget.setPreferenceForKey(cssStyle_date, 'cssStyle_date');\r
widget.setPreferenceForKey(cssStyle_today, 'cssStyle_today');\r
document.getElementById("fullscreenView").style.display = "block";\r
document.getElementById("aboutView").style.display = "none";\r
document.getElementById("settingsView").style.display = "none";\r
+ document.getElementById('body').className = "backgroundFullscreen";\r
createMenu();\r
updateData();\r
}\r
document.getElementById('body').style.backgroundColor = 'none';\r
window.widget.performTransition();\r
}\r
+ else if (document.getElementById('body').style.backgroundImage == "")\r
+ {\r
+ document.getElementById('body').style.backgroundImage = 'url(background_' + orientation + '.png)';\r
+ }\r
}\r
}\r
\r
document.getElementById("fullscreenView").style.display = "none";\r
document.getElementById("aboutView").style.display = "none";\r
document.getElementById("settingsView").style.display = "none";\r
+ document.getElementById('body').className = "background";\r
updateData();\r
}\r
\r
<style type="text/css">\r
table { margin:0px; padding:0px; border-spacing:0px; }\r
td { padding:0px 5px 0px 0px; white-space:nowrap; overflow:hidden; }\r
-hr { w_idth:100%; color:#ffffff; background-color:#ffffff; height:1px; text-align:left; border-style:none; }\r
+hr { color:#ffffff; background-color:#ffffff; height:1px; text-align:left; border-style:none; }\r
.settingsInfo { display:none; font-style:italic; }\r
.title { font-weight:bold; font-size:14pt; }\r
.textInput { width:90%; }\r