# HG changeset patch # User ivanl # Date 1248175357 -3600 # Node ID aaba47256eea0ec0619e3f74613834462e5c93c0 # Parent 07ac2f6a36a9ce11ab89539f63c0d8e981ff5a2a# Parent 627bf8ea91289c40be89a7313b8531748a888343 merge diff -r 627bf8ea9128 -r aaba47256eea OSCON/Icon.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/Info.plist diff -r 627bf8ea9128 -r aaba47256eea OSCON/Main.js --- a/OSCON/Main.js Fri Jul 17 20:44:05 2009 -0700 +++ b/OSCON/Main.js Tue Jul 21 12:22:37 2009 +0100 @@ -7,7 +7,6 @@ // the Symbian Foundation. // //////////////////////////////////////////////////////////////////////////// -var currentFontSize = 14; var uiManager; var home; var mainView; @@ -66,10 +65,9 @@ showDay(clickedId, osconDays[clickedId], null); }); } - - home.previousView=mainView; + home.show(); - + mainView.previousView = null; uiManager.showNotification(-1, "wait", "Please wait...", -1); setTimeout(function(){ uiManager.hideNotification();mainView.show();}, 1000); } @@ -78,7 +76,7 @@ function showDay(dayIndex, date) { downloadDayIndex = dayIndex; if ( icalReader[dayIndex] == null ) { - downloadIcalData(dayIndex); + setTimeout(function(){ downloadIcalData(downloadDayIndex);}, 100); } else { showList(date, null); } @@ -86,7 +84,6 @@ function downloadIcalData(dayIndex) { downloadDayIndex = dayIndex; - uiManager.showNotification(-1, "wait", "Please wait...", -1); http = new Ajax(); http.onreadystatechange = function() { downloadStateChanged(); }; @@ -225,6 +222,7 @@ list.addControl(cp); } // End for each event. list.previousView = uiManager.currentView; + mainView.previousView = null; list.show(); } @@ -268,28 +266,6 @@ } } -function increaseFontSize(){ - if (window.widget) { - setCssBodyFontSize(currentFontSize + 2); - } -} - -function decreaseFontSize(){ - if (window.widget) { - if (currentFontSize > 4) { - setCssBodyFontSize(currentFontSize - 2); - } - } -} - -function setCssBodyFontSize(size) { - if (window.widget) { - currentFontSize = size; - var sizestring = "" + size; - document.body.style.fontSize = sizestring + "px"; - widget.setPreferenceForKey(sizestring, "fontsize"); - } -} function nocache(url) { if (url.indexOf("?") == -1) { @@ -350,3 +326,4 @@ window.open(url, "NewWindow"); } } + diff -r 627bf8ea9128 -r aaba47256eea OSCON/OSCON20090720.ics diff -r 627bf8ea9128 -r aaba47256eea OSCON/OSCON20090721.ics diff -r 627bf8ea9128 -r aaba47256eea OSCON/OSCON20090722.ics diff -r 627bf8ea9128 -r aaba47256eea OSCON/OSCON20090723.ics diff -r 627bf8ea9128 -r aaba47256eea OSCON/OSCON20090724.ics diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/CheckBox.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/ContentPanelFoldIcons.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/ControlAssemblyBackground.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/DocumentBackground.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/FormButtonCenter.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/FormButtonLeft.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/FormButtonRight.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/ListViewCaptionBackground.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/NotificationPopupBackground.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/NotificationPopupTypeIndicator.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/ProgressBarUnknown.gif diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/RadioButton.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/ScrollbarThumbBottom.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/ScrollbarThumbMiddle.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/ScrollbarThumbTop.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/ScrollbarTrackBottom.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/ScrollbarTrackMiddle.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/ScrollbarTrackTop.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/SeparatorCenter.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/SeparatorLeft.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/SeparatorRight.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/Thumbs.db diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Resources/UI.css --- a/OSCON/WRTKit/Resources/UI.css Fri Jul 17 20:44:05 2009 -0700 +++ b/OSCON/WRTKit/Resources/UI.css Tue Jul 21 12:22:37 2009 +0100 @@ -61,7 +61,7 @@ body { margin: 0px; background: url("DocumentBackground.png") repeat; /* repeat-x fixed; */ - font: normal 14px Arial, sans-serif; + font: normal 18px Arial, sans-serif; color: rgb(255,255,255); } diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/ActionControl.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/Ajax.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/ContentPanel.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/Control.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/FormButton.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/ImageLabel.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/Label.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/ListView.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/NavigationButton.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/NotificationPopup.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/OsconContentPanel.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/Scrollbar.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/SelectionControl.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/SelectionList.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/SelectionMenu.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/Separator.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/SlidingTransition.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/TextArea.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/TextEntryControl.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/TextField.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/UIElement.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/UIInit.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/UIManager.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/UI/View.js --- a/OSCON/WRTKit/UI/View.js Fri Jul 17 20:44:05 2009 -0700 +++ b/OSCON/WRTKit/UI/View.js Tue Jul 21 12:22:37 2009 +0100 @@ -104,7 +104,7 @@ var self = this; menu.setRightSoftkeyLabel("Back", function(){self.goBack();}); } else { - menu.setRightSoftkeyLabel(); + menu.setRightSoftkeyLabel("Exit", function(){window.close();}); } } } diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/Utils/Logger.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/WRTKit/WRTKit.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/day.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/day1.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/day2.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/day3.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/day4.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/day5.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/iCalReader.js diff -r 627bf8ea9128 -r aaba47256eea OSCON/index.html diff -r 627bf8ea9128 -r aaba47256eea OSCON/logo.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/oscon-home.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/oscon.css --- a/OSCON/oscon.css Fri Jul 17 20:44:05 2009 -0700 +++ b/OSCON/oscon.css Tue Jul 21 12:22:37 2009 +0100 @@ -1,28 +1,11 @@ -/* Fix for font size inheritance */ -html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, -blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, -dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, -tfoot, thead, tr, th, td { - font-weight: inherit; - font-style: inherit; - font-size: 100%; - font-family: inherit; -} - -body { - font-size: large; -} - /* Feed item date */ .FeedItemDate { font-style: italic; - font-size: medium; } /* Feed item text */ .FeedItemDescription { padding: 4px 0px; - font-size: medium; } /* Feed item links */ diff -r 627bf8ea9128 -r aaba47256eea OSCON/session.png diff -r 627bf8ea9128 -r aaba47256eea OSCON/test.html diff -r 627bf8ea9128 -r aaba47256eea Symbian.org/FeedUpdateBroker.js --- a/Symbian.org/FeedUpdateBroker.js Fri Jul 17 20:44:05 2009 -0700 +++ b/Symbian.org/FeedUpdateBroker.js Tue Jul 21 12:22:37 2009 +0100 @@ -4,6 +4,7 @@ // Constructor. function FeedUpdateBroker() { + this.escapeLtGt=true; this.httpReq = null; this.feedAddress = null; this.callback = null; @@ -95,7 +96,7 @@ if (node.nodeName == "pubDate" || node.nodeName == "lastBuildDate" || node.nodeName == "dc:date") { - lastModified = getTextOfNode(node); + lastModified = getTextOfNode(node, this.escapeLtGt); break; } } @@ -125,18 +126,18 @@ if (node.nodeType == Node.ELEMENT_NODE) { if (node.nodeName == "title") { // item title - title = getTextOfNode(node); + title = getTextOfNode(node, this.escapeLtGt); } else if (node.nodeName == "pubDate" || node.nodeName == "dc:date") { // item publishing date - date = getTextOfNode(node); + date = getTextOfNode(node, this.escapeLtGt); } else if (node.nodeName == "description" && !this.ignoreContent ) { // item description - description = getTextOfNode(node); + description = getTextOfNode(node, this.escapeLtGt); } else if (node.nodeName == "link") { // link URL - url = getTextOfNode(node); + url = getTextOfNode(node, this.escapeLtGt); } else if (node.nodeName == "dc:creator" ) { - author = getTextOfNode(node); + author = getTextOfNode(node, this.escapeLtGt); } } node = node.nextSibling; @@ -155,7 +156,7 @@ } // Returns the text of a node. -function getTextOfNode(node) { +function getTextOfNode(node, escapeLtGt) { var buf = ""; // iterate through all child elements and collect all text to the buffer var child = node.firstChild; @@ -165,44 +166,51 @@ if (buf != "") { buf += " "; } - buf += escapeLtGt(child.nodeValue); + buf += child.textContent; +// if (escapeLtGt) { +// buf += doEscapeLtGt(child.nodeValue); +// } else { +// buf += child.nodeValue; +// } } child = child.nextSibling; } - // strip all tags from the buffer - var strippedBuf = ""; - var textStartPos = -1; - var tagBalance = 0; - var pos; - // iterate through the text and append all text to the stripped buffer - // that is at a tag balance of 0 - for (pos = 0; pos < buf.length; pos++) { - var c = buf.charAt(pos); - if (c == '<') { - // entering a tag - if (tagBalance == 0 && textStartPos != -1) { - // everything up to here was valid text - strippedBuf += buf.substring(textStartPos, pos); - textStartPos = -1; - } - tagBalance++; - } else if (c == '>') { - // leaving a tag - tagBalance--; - textStartPos = -1; - } else if (tagBalance == 0 && textStartPos == -1) { - // first char of text - textStartPos = pos; - } - } + return buf; +// // strip all tags from the buffer +// var strippedBuf = ""; +// var textStartPos = -1; +// var tagBalance = 0; +// +// var pos; +// // iterate through the text and append all text to the stripped buffer +// // that is at a tag balance of 0 +// for (pos = 0; pos < buf.length; pos++) { +// var c = buf.charAt(pos); +// if (c == '<') { +// // entering a tag +// if (tagBalance == 0 && textStartPos != -1) { +// // everything up to here was valid text +// strippedBuf += buf.substring(textStartPos, pos); +// textStartPos = -1; +// } +// tagBalance++; +// } else if (c == '>') { +// // leaving a tag +// tagBalance--; +// textStartPos = -1; +// } else if (tagBalance == 0 && textStartPos == -1) { +// // first char of text +// textStartPos = pos; +// } +// } +// +// // add remaining text - if any +// if (tagBalance == 0 && textStartPos != -1) { +// strippedBuf += buf.substring(textStartPos, pos); +// } - // add remaining text - if any - if (tagBalance == 0 && textStartPos != -1) { - strippedBuf += buf.substring(textStartPos, pos); - } - - return strippedBuf; +// return strippedBuf; } FeedUpdateBroker.prototype.cancel = function() { @@ -210,7 +218,7 @@ this.httpReq.abort(); } -function escapeLtGt(text){ +function doEscapeLtGt(text){ var lt = "<"; var gt = ">"; return text.replace(//g, gt); diff -r 627bf8ea9128 -r aaba47256eea Symbian.org/Forums.js --- a/Symbian.org/Forums.js Fri Jul 17 20:44:05 2009 -0700 +++ b/Symbian.org/Forums.js Tue Jul 21 12:22:37 2009 +0100 @@ -456,7 +456,7 @@ if ( ind3 != -1 && ind3 < ind2) { tag = s.substring(ind+1,ind3); } - var ind4 = s.indexOf("[/"+tag+"]"); + var ind4 = s.indexOf("[/"+tag+"]", ind2); var tagContent = s.substring(ind2+1, ind4); buf += convertTag(tag, fulltag, tagContent); if ( ind4 != -1 ) { diff -r 627bf8ea9128 -r aaba47256eea Symbian.org/Main.js --- a/Symbian.org/Main.js Fri Jul 17 20:44:05 2009 -0700 +++ b/Symbian.org/Main.js Tue Jul 21 12:22:37 2009 +0100 @@ -172,7 +172,8 @@ // create blog screen blog = new RssReader(blogFeedName, blogFeedUrl, null, home, null); - + blog.escapeLtGt = false; + // create wiki screen wiki = new RssReader(wikiFeedName, wikiFeedUrl, new ButtonFeedPresenter(null), home, null); diff -r 627bf8ea9128 -r aaba47256eea Symbian.org/RssReader.js --- a/Symbian.org/RssReader.js Fri Jul 17 20:44:05 2009 -0700 +++ b/Symbian.org/RssReader.js Tue Jul 21 12:22:37 2009 +0100 @@ -16,6 +16,7 @@ this.hasData = false; this.startFromItem = 0; this.maxItems = 0; + this.escapeLtGt = true; var caption = createCaption(aFeedName); @@ -116,6 +117,7 @@ // fetch the feed from the specified URL this.feedUpdateBrokerActive = true; this.feedUpdateBroker = new FeedUpdateBroker(); + this.feedUpdateBroker.escapeLtGt = this.escapeLtGt; this.feedUpdateBroker.startFromItem = this.startFromItem; this.feedUpdateBroker.maxItems = this.maxItems; diff -r 627bf8ea9128 -r aaba47256eea Symbian.org/preview/css/style.css --- a/Symbian.org/preview/css/style.css Fri Jul 17 20:44:05 2009 -0700 +++ b/Symbian.org/preview/css/style.css Tue Jul 21 12:22:37 2009 +0100 @@ -1,188 +1,633 @@ -iframe#widgetIframeWindow { - height: 300px; - z-index: 1; -} +@charset "utf-8"; body { + background-image: url(../images/Gradient0Background.png); + background-repeat: repeat-x; margin: 0px; + font-family: "Nokia Sans", "Nokia Sans SemiBold", "Arial Narrow"; padding: 0px; - margin-top: 70px; - font-family: "Nokia Sans", Arial, Verdana; - font-size: 10px; - overflow-x: hidden; - overflow-y: auto; + overflow: hidden; +} +.hide{ + display:none; +} +.show{ + display:block; +} + +code{ + background-color: #ffffa6; + color: #000000; + padding: 3px; + display: block; + font-size: 110%; + margin: 3px 0px; +} + +#DisplaySFKWrapper{ + overflow: hidden; +} +#DisplayArea { + margin-right: auto; + margin-left: auto; + overflow: hidden; + +} + +#WidgetArea{ + position: relative; + z-index: 99; +} +#WidgetArea iframe{ + width: 100%; + height: 100%; + border: 0px; + margin-left: auto; + margin-top: auto; +} + +#WidgetArea.hs_portrait{ + background-image: url(../images/device/360x640/hs-portrait.png); + background-repeat: no-repeat; +} + +#WidgetArea.hs_landscape{ + background-image: url(../images/device/360x640/hs-landscape.png); + background-repeat: no-repeat; } -#WrapperDiv { - width: 100%; - min-height: 700px; +#WidgetArea.hs_portrait iframe{ + width: 306px; + height: 76px; + margin-left: 26px; + margin-top: 321px; + overflow: hidden !important; +} + +#WidgetArea.hs_landscape iframe{ + width: 306px; + height: 76px; + margin-left: 322px !important; + margin-top: 151px !important; + overflow: hidden !important; +} + +#iframeMask +{ + width: 328px; + height: 100px; + position: absolute; + z-index: 900; + background-image: url(../images/hs-iframeMask.png); + background-repeat: no-repeat; + background-position: top left; +} + +#iframeMask:hover +{ + background-repeat: no-repeat; + background-position: bottom left; +} + + +#WidgetArea.hs_portrait #iframeMask{ + margin-left: 16px !important; + margin-top: 310px !important; +} +#WidgetArea.hs_landscape #iframeMask{ + margin-left: 312px !important; + margin-top: 140px !important; +} + + +#SoftKeys{ + height: 50px; + width: 240px; + margin-right: auto; + margin-left: auto; + margin-top: 10px; +} + +div.clear{ + clear: both; +} +#DeviceDisplayLayout { + background-repeat: no-repeat; + background-position: center center; + margin-right: auto; + margin-left: auto; + margin-top: 0px; overflow: hidden; } -div#navigation { - background-image: url(../images/top-navigation-bg.png); - height: 52px; - overflow: hidden; - position: absolute; - width: 100%; - left: 0px; - top: 0px; +#DeviceDisplayLayout.portrait_240x320 { + background-image: url(../images/device/240x320/Portrait.png); + width: 600px; + height: 536px; +} + +#DeviceDisplayLayout.landscape_240x320 { + background-image: url(../images/device/240x320/Landscape.png); + width: 848px; + height: 408px; +} + +#SoftKeysArea{ + z-index: 101; + position: relative; +/* background-image: url(../images/device/menuKeys-bg.png); + background-repeat: no-repeat; + background-position: center top; +*/ + background-color: #666666; +} + +#SoftKeysArea ul{ + list-style: none; + margin: 0px; + padding: 0px; + +} + +#SoftKeysArea ul li{ + margin: 0px; + font-weight: bold; + font-size: 15px; + float: left; + padding: 5px; +} + + +#SoftKeysArea ul li a{ + color: #FFFFFF; + text-decoration: none; + display: block; +} + +li#RskLabel{ + text-align: right; +} + +#MenuItemsArea{ + z-index: 100; + display: none; +} + +#MenuItemsArea ul{ + margin: 0px; + padding: 5px; + list-style-position: inside; + list-style-image: none; + list-style-type: none; + background-color: #CCCCCC; +} + +#MenuItemsArea ul li{ + font-size: 13px; + font-weight: bold; } -div#navigation strong{ - color: #ffffff; + +#MenuItemsArea li.active{ + background-color: #75ea00; +} + +#MenuItemsArea a{ + color: #000; + text-decoration: none; + display: block; + padding: 5px; + height: 14px; +} +#MenuItemsArea a:hover{ + background-color: #75ea00; +} + +#MenuItemsArea a.subMenuItem{ + background-image: url(../images/sub-menu-arrow.png); + background-repeat: no-repeat; + background-position: right 0px; +} + +#MenuItemsArea a.subMenuItem:hover{ + background-position: right -20px; +} +#MenuItemsArea a.subMenuItem:active{ + background-position: right -40px; +} + +#MenuItemsArea li.active a.subMenuItem{ + background-position: right -20px; } -#device { +div#IconArea{ + display: none; + font-size: 0.9em; + font-weight: bold; + background-repeat: no-repeat; +} + +div#IconArea.portrait240x320{ + background-image: url(../images/statusBar_240x320.png); +} +div#IconArea.landscape240x320{ + background-image: url(../images/statusBar_320x240.png); +} + +div#IconArea.portrait320x240{ + background-image: url(../images/statusBar_320x240.png); +} +div#IconArea.landscape320x240{ + background-image: url(../images/statusBar_240x320.png); +} + +div#IconArea.portrait360x640{ + background-image: url(../images/statusBar_360x640.png); +} +div#IconArea.landscape360x640{ + background-image: url(../images/statusBar_640x360.png); +} + +div#IconArea.landscape800x352{ + background-image: url(../images/statusBar_800x352.png); +} + + +div.IconFile{ + margin-left: auto; margin-right: auto; - margin-left: auto; - width: 10px; + text-align: center; + padding: 20px; } -#DisplayOrientation { - height: 34px; - width: 250px; - margin-right: auto; - margin-left: auto; - margin-bottom: 10px; - background-image: url(../images/display-orientation.png); + +div.IconFile:hover{ + background-image: url(../images/IconArea-hover.png); + background-position: center center; background-repeat: no-repeat; - overflow:hidden; - background-color:#FFFFFF; +} + +div.IconFile p{ + margin: 0px; } -#DisplayOrientation.portrait { - background-position: 0px 0px; -} -#DisplayOrientation.landscape { - background-position: 0px -45px; -} - -div#iframePreviewWindow { - background-color: #FFFFFF; - height: 320px; - width: 240px; -} - -div#display { - background-image: url(../images/device-right.png); - background-repeat: no-repeat; - background-position: right top; -} -div#displayLeft { - background-image: url(../images/device-left.png); - background-repeat: no-repeat; - background-position: left top; - padding-top: 10px; - padding-right: 8px; - padding-bottom: 0px; - padding-left: 9px; +p.highlight span{ + background-color: #fbf7a2; + font-weight: normal; + font-size: 0.8em; + padding: 3px; } -iframe{ - overflow:hidden; +/* + preferences CSS +*/ + +div#PreferencesBtn{ + width: 75px; + height: 85px; + background-image: url(../images/settings-icon.png); + position: absolute; + top: 10px; + left: 10px; + background-position: left bottom; + z-index: 200; } -#DeviceSettings { + +div#PreferencesBtn:hover{ + background-position: left top; +} + +div#loaderDiv{ + padding: 10px; + font-size: 1.1em; position: absolute; top: 0px; - z-index: 1000; - font-size: 12px; - background-color: #ffffff; - padding-top: 0px; - padding-right: 0px; - padding-left: 10px; - display: block; - overflow: hidden; - color: #999999; - opacity: 0.9; - height: 100%; - background-image: url(../images/toolbar-bg-shadow.png); - background-repeat: repeat-y; - background-position: left top; -} -div#pullDown { - height: 50px; - width: 69px; - background-repeat: no-repeat; - margin-left: -61px; - position: absolute; - z-index: 1005; -} -div#pullDown.down { - background-image: url(../images/new-pull-down-btn.png); - background-position: 0px -50px; -} -div#pullDown.up { - background-image: url(../images/new-pull-down-btn.png); - background-position: 0px 0px; + right: 0px; + display: none; + z-index: 202; } -#DeviceSettings strong { +div#loaderDiv.green{ + background-color: #5abd2b; + color: #FFFFFF; +} + +div#loaderDiv.yellow{ + background-color: #ffff00; color: #000000; } -#Toolbar { - position: fixed; - right: 0px; - width: 320px; +div#orientationIcon{ + background-image: url(../images/normal-orientation-icon.png); + background-repeat: no-repeat; + width: 191px; + height: 72px; + float: left; + position: absolute; + left: 10px; + top: 0px; + display: none; +} +div#orientationIcon:hover{ + background-image: url(../images/active-orientation-icon.png); +} + +table{ + border-top: 1px solid #808080; + border-left: 1px solid #808080; +} + +table a.link{ + background-color: #20c41c; + color: #ffffff; + font-weight: bold; + border: 1px solid #4e872c; + padding: 3px 2px; + text-decoration: none; + font-size: 80%; +} + +table th, table td{ + padding: 6px 5px; + border-bottom: 1px solid #808080; + border-right: 1px solid #808080; + font-size: 0.9em; +} +table th{ + width: 150px; + text-align: left; + background-image: url(../images/th-bg-gradient.png); + background-repeat: repeat-x; + background-position: left bottom; +} + +#NotificationDiv p{ + color: #ffffff; + font-size: 95%; + padding: 5px; +} + +strong{ + color: #eee46c; +} + +#BrowserNotificationBar{ + z-index: 2000; + background-color: #f2eb8e; + border-bottom: 2px solid #f0d25e; + display: none; + position: absolute; + left: 0; top: 0; - height: 100%; + width: 100%; + font-size: 80%; + font-weight: bolder; + text-align: right; + margin: 0px; + opacity: 0.9; +} +#BrowserNotificationBar a{ + height: 10px; + width: 10px; + float: right; + background-image: url(../images/BrowserNotificationBar-Toogle.gif); + background-position: 0px -10px; + margin : 4px 15px 0px 10px; + cursor: hand; + overflow: hidden; +} +/* + Event Triggering CSS +*/ + +h2{ + font-size: 120%; + margin: 3px 0px; + padding: 0px; +} + +#tabs-1, #tabs-2{ + height: 223px; + overflow: auto; } -#pullDown { - margin-top: 10px; + +#connect-charger-icon, #dis-connect-charger-icon{ + background-repeat: no-repeat; + background-position: left top; + width: 165px; + height: 36px; + margin: 5px auto; +} + +#connect-charger-icon{ + background-image: url(../images/connect-charger-icon.png); +} + +#dis-connect-charger-icon{ + background-image: url(../images/dis-connect-charger-icon.png); +} + +#connect-charger-icon:hover, #dis-connect-charger-icon:hover{ + background-position: left bottom; +} + +div#event-battery, div#event-messaging, div#event-memory{ + float: left; + width: 150px; + height: 50px; + background-position: left top; + margin: 10px; + background-repeat: no-repeat; + border: 1px solid #6f6f6f; +} + +div#event-battery.active:hover, div#event-messaging.active:hover, div#event-memory.active:hover{ + background-position: 0px -50px; + border: 1px solid #75ea4f; +} + +div#event-messaging.inactive, div#event-memory.inactive{ + background-position: 0px -100px; + border: 1px solid #676767; } -#save { - background-image: url(../images/select-device-tab.png); +div#event-battery{ + background-image: url(../images/battery-icon.png); +} + +div#event-messaging{ + background-image: url(../images/messaging-icon.png); +} + +div#event-memory{ + background-image: url(../images/memory-icon.png); +} + +div.ui-panel{ + height:30px; +} + +a.ui-button, a.ui-button-fixed { + background:#555555 url(../script/jquery-ui/css/ui-darkness/images/555555_40x100_textures_02_glass_20.png) repeat-x scroll 0 50%; + border:1px solid #666666; + color:#EEEEEE; + cursor:pointer; + font-size:0.9em; + font-weight:bolder; + line-height:1.4em; + margin:0.5em 8px 0.5em 0; + padding:0.2em 0.6em 0.3em; + text-decoration: none; +} +a.ui-button:hover, a.ui-button-fixed:hover { + background:#0078A3 url(../script/jquery-ui/css/ui-darkness/images/0078a3_40x100_textures_02_glass_40.png) repeat-x scroll 0 50%; + border:1px solid #4bd94b; + color:#FFFFFF; +} + +a.ui-button-fixed{ + float: left; + padding: 0.4em 0.6em 0.8em; + text-align: center; + width: 145px !important; +} + +div#slider-value-panel{ + text-align: center; + margin-top: 10px; +} + +div#slider-value-panel span{ + padding: 3px; + background:#0078A3 url(../script/jquery-ui/css/ui-darkness/images/0078a3_40x100_textures_02_glass_40.png) repeat-x scroll 0 50%; + border:1px solid #4bd94b; + color:#FFFFFF; + font-weight: bolder; +} + + +/* + Console UI +*/ +#preview-ui-top{ + overflow:auto; +} + +#preview-ui-bottom{ + overflow:hidden; + display: none; +} +#preview-ui-bottom-header{ + background-color: #aeaeae; + background-image: url(../images/console-icon.gif); + background-repeat: repeat-x; + background-position: 0px -28px; +} +span#Console-Toggle-Button{ + height: 9px; + width: 15px; + float: right; background-repeat: no-repeat; - background-position: center center; - font-weight: bold; - color: #FFFFFF; - padding-top: 5px; - padding-bottom: 5px; - border-top-width: 2px; - border-right-width: 2px; - border-bottom-width: 2px; - border-left-width: 2px; - border-top-style: solid; - border-right-style: solid; - border-bottom-style: solid; - border-left-style: solid; - border-top-color: #225311; - border-right-color: #3C931E; - border-bottom-color: #3C931E; - border-left-color: #225311; + margin : 12px 8px 0px 0px; + cursor: hand; +} + +span#Console-Toggle-Button.open{ + background-position: 0px 0px; + background-image: url(../images/console-close-icon.png); +} + +span#Console-Toggle-Button.open:hover{ + background-position: 0px -9px; } -#DeviceSettings p { - border-bottom: 1px solid #E0E0E0; - padding-bottom: 5px; - margin-right: 20px; - margin-left: 20px; - padding-top: 0px; - margin-top: 0px; - margin-bottom: 8px; +span#Console-Toggle-Button.open:active{ + background-position: 0px -18px; +} + + +span#Console-Toggle-Button.close{ + background-position: 0px 0px; + background-image: url(../images/console-open-icon.png); +} + +span#Console-Toggle-Button.close:hover{ + background-position: 0px -9px; +} + +span#Console-Toggle-Button.close:active{ + background-position: 0px -18px; +} + + +span#Console-Clear-Button{ + height: 16px; + width: 39px; + float: right; + background-image: url(../images/console-clear-button.png); + background-repeat: no-repeat; + margin : 10px 10px 0px 0px; + cursor: hand; +} +span#Console-Clear-Button:hover{ + background-position: -0px -16px; +} + +#preview-ui-bottom-body{ + overflow:auto; + background-color: #ffffff; + display: none; +} + +#preview-ui-bottom-body p{ + font-family: "Courier New", Courier, monospace; + font-size: 11px; + padding: 2px 5px; + border-bottom: 1px solid silver; + margin: 0px; } -select#deviceResolution { - margin-left: 15px; - font-size: 13px; - width: 200px; - border: 1px solid #999999; - height: 90px; - margin-top: 10px; -} -#deviceResolution option { - padding: 3px; - font-family: "Nokia Sans", "Nokia Sans SemiBold"; +#preview-ui-bottom-body p.log{ } -#DeviceSettings img { - margin-top: 8px; + +#preview-ui-bottom-body p.info{ + background-image: url(../images/infoIcon.png); + background-repeat: no-repeat; + background-position: 5px center; + padding-left: 26px; +} +#preview-ui-bottom-body p.warn{ + background: #00ffff url(../images/warningIcon.png); + background-repeat: no-repeat; + background-position: 5px center; + padding-left: 26px; +} +#preview-ui-bottom-body p.error{ + background: #ffffe0 url(../images/errorIcon.png); + background-repeat: no-repeat; + background-position: 5px center; + padding-left: 26px; + color: #ff0000; } -label { - padding-top: 8px; - font-weight: bold; - color: #000000; + + +#preview-ui-bottom-header div{ + float: left; + margin: 9px; + color: #ffffff; + font-size: 11px; + font-weight: bolder; + font-family: "Arial"; } -#DeviceSettings input { - margin-top: 5px; + + +span#wrt-help{ + height: 28px; + width: 28px; + float: right; + background-repeat: no-repeat; + background-image: url(../images/wrt-help-icon.png); } + +span#wrt-help:hover{ + background-position: -28px 0px; +} \ No newline at end of file diff -r 627bf8ea9128 -r aaba47256eea Symbian.org/preview/nopreview.html --- a/Symbian.org/preview/nopreview.html Fri Jul 17 20:44:05 2009 -0700 +++ b/Symbian.org/preview/nopreview.html Tue Jul 21 12:22:37 2009 +0100 @@ -1,8 +1,44 @@
+ -Widget preview is not available for this file, it is not the main html file for the widget. +