--- /dev/null
+@charset "utf-8";\r
+body {\r
+ background-image: url(../images/Gradient0Background.png);\r
+ background-repeat: repeat-x;\r
+ margin: 0px;\r
+ font-family: "Nokia Sans", "Nokia Sans SemiBold", "Arial Narrow";\r
+ padding: 0px;\r
+ overflow: hidden;\r
+}\r
+.hide{\r
+ display:none;\r
+}\r
+.show{\r
+ display:block;\r
+}\r
+\r
+code{\r
+ background-color: #ffffa6;\r
+ color: #000000;\r
+ padding: 3px;\r
+ display: block;\r
+ font-size: 110%;\r
+ margin: 3px 0px;\r
+}\r
+\r
+#DisplaySFKWrapper{\r
+ overflow: hidden;\r
+}\r
+#DisplayArea {\r
+ margin-right: auto;\r
+ margin-left: auto;\r
+ overflow: hidden;\r
+\r
+}\r
+\r
+#WidgetArea{\r
+ position: relative;\r
+ z-index: 99;\r
+}\r
+#WidgetArea iframe{\r
+ width: 100%;\r
+ height: 100%;\r
+ border: 0px;\r
+ margin-left: auto;\r
+ margin-top: auto;\r
+}\r
+\r
+#WidgetArea.hs_portrait{\r
+ background-image: url(../images/device/360x640/hs-portrait.png);\r
+ background-repeat: no-repeat;\r
+}\r
+\r
+#WidgetArea.hs_landscape{\r
+ background-image: url(../images/device/360x640/hs-landscape.png);\r
+ background-repeat: no-repeat;\r
+}\r
+#WidgetArea.hs_portrait iframe{\r
+ width: 306px;\r
+ height: 76px;\r
+ margin-left: 26px;\r
+ margin-top: 321px;\r
+ overflow: hidden !important;\r
+}\r
+\r
+#WidgetArea.hs_landscape iframe{\r
+ width: 306px;\r
+ height: 76px;\r
+ margin-left: 322px !important;\r
+ margin-top: 151px !important;\r
+ overflow: hidden !important;\r
+}\r
+\r
+#iframeMask\r
+{\r
+ width: 328px;\r
+ height: 100px;\r
+ position: absolute;\r
+ z-index: 900;\r
+ background-image: url(../images/hs-iframeMask.png);\r
+ background-repeat: no-repeat;\r
+ background-position: top left;\r
+}\r
+\r
+#iframeMask:hover\r
+{\r
+ background-repeat: no-repeat;\r
+ background-position: bottom left;\r
+}\r
+\r
+\r
+#WidgetArea.hs_portrait #iframeMask{\r
+ margin-left: 16px !important;\r
+ margin-top: 310px !important;\r
+}\r
+#WidgetArea.hs_landscape #iframeMask{\r
+ margin-left: 312px !important;\r
+ margin-top: 140px !important;\r
+}\r
+\r
+\r
+#SoftKeys{\r
+ height: 50px;\r
+ width: 240px;\r
+ margin-right: auto;\r
+ margin-left: auto;\r
+ margin-top: 10px;\r
+}\r
+\r
+div.clear{\r
+ clear: both;\r
+}\r
+#DeviceDisplayLayout {\r
+ background-repeat: no-repeat;\r
+ background-position: center center;\r
+ margin-right: auto;\r
+ margin-left: auto;\r
+ margin-top: 0px;\r
+ overflow: hidden;\r
+}\r
+\r
+#DeviceDisplayLayout.portrait_240x320 {\r
+ background-image: url(../images/device/240x320/Portrait.png);\r
+ width: 600px;\r
+ height: 536px;\r
+}\r
+\r
+#DeviceDisplayLayout.landscape_240x320 {\r
+ background-image: url(../images/device/240x320/Landscape.png);\r
+ width: 848px;\r
+ height: 408px;\r
+}\r
+\r
+#SoftKeysArea{\r
+ z-index: 101;\r
+ position: relative;\r
+/* background-image: url(../images/device/menuKeys-bg.png);\r
+ background-repeat: no-repeat;\r
+ background-position: center top;\r
+*/\r
+ background-color: #666666;\r
+}\r
+\r
+#SoftKeysArea ul{\r
+ list-style: none;\r
+ margin: 0px;\r
+ padding: 0px;\r
+ \r
+}\r
+\r
+#SoftKeysArea ul li{\r
+ margin: 0px;\r
+ font-weight: bold;\r
+ font-size: 15px;\r
+ float: left;\r
+ padding: 5px;\r
+}\r
+\r
+\r
+#SoftKeysArea ul li a{\r
+ color: #FFFFFF;\r
+ text-decoration: none;\r
+ display: block;\r
+}\r
+\r
+li#RskLabel{\r
+ text-align: right;\r
+}\r
+\r
+#MenuItemsArea{\r
+ z-index: 100;\r
+ display: none;\r
+} \r
+\r
+#MenuItemsArea ul{\r
+ margin: 0px;\r
+ padding: 5px;\r
+ list-style-position: inside;\r
+ list-style-image: none;\r
+ list-style-type: none;\r
+ background-color: #CCCCCC;\r
+}\r
+\r
+#MenuItemsArea ul li{\r
+ font-size: 13px;\r
+ font-weight: bold;\r
+}\r
+\r
+#MenuItemsArea li.active{\r
+ background-color: #75ea00;\r
+}\r
+\r
+#MenuItemsArea a{\r
+ color: #000;\r
+ text-decoration: none;\r
+ display: block;\r
+ padding: 5px;\r
+ height: 14px;\r
+}\r
+#MenuItemsArea a:hover{\r
+ background-color: #75ea00;\r
+}\r
+\r
+#MenuItemsArea a.subMenuItem{\r
+ background-image: url(../images/sub-menu-arrow.png);\r
+ background-repeat: no-repeat;\r
+ background-position: right 0px;\r
+}\r
+\r
+#MenuItemsArea a.subMenuItem:hover{\r
+ background-position: right -20px;\r
+}\r
+#MenuItemsArea a.subMenuItem:active{\r
+ background-position: right -40px;\r
+}\r
+\r
+#MenuItemsArea li.active a.subMenuItem{\r
+ background-position: right -20px;\r
+}\r
+div#IconArea{\r
+ display: none;\r
+ font-size: 0.9em;\r
+ font-weight: bold;\r
+ background-repeat: no-repeat;\r
+}\r
+\r
+div#IconArea.portrait240x320{\r
+ background-image: url(../images/statusBar_240x320.png);\r
+}\r
+div#IconArea.landscape240x320{\r
+ background-image: url(../images/statusBar_320x240.png);\r
+}\r
+\r
+div#IconArea.portrait320x240{\r
+ background-image: url(../images/statusBar_320x240.png);\r
+}\r
+div#IconArea.landscape320x240{\r
+ background-image: url(../images/statusBar_240x320.png);\r
+}\r
+\r
+div#IconArea.portrait360x640{\r
+ background-image: url(../images/statusBar_360x640.png);\r
+}\r
+div#IconArea.landscape360x640{\r
+ background-image: url(../images/statusBar_640x360.png);\r
+}\r
+\r
+div#IconArea.landscape800x352{\r
+ background-image: url(../images/statusBar_800x352.png);\r
+}\r
+\r
+\r
+div.IconFile{\r
+ margin-left: auto;\r
+ margin-right: auto;\r
+ text-align: center;\r
+ padding: 20px;\r
+}\r
+\r
+div.IconFile:hover{\r
+ background-image: url(../images/IconArea-hover.png);\r
+ background-position: center center;\r
+ background-repeat: no-repeat;\r
+}\r
+\r
+div.IconFile p{\r
+ margin: 0px;\r
+}\r
+\r
+\r
+\r
+p.highlight span{\r
+ background-color: #fbf7a2;\r
+ font-weight: normal;\r
+ font-size: 0.8em;\r
+ padding: 3px;\r
+}\r
+\r
+/*\r
+ preferences CSS\r
+*/\r
+\r
+div#PreferencesBtn{\r
+ width: 75px;\r
+ height: 85px;\r
+ background-image: url(../images/settings-icon.png);\r
+ position: absolute;\r
+ top: 10px;\r
+ left: 10px;\r
+ background-position: left bottom;\r
+ z-index: 200;\r
+}\r
+\r
+div#PreferencesBtn:hover{\r
+ background-position: left top;\r
+}\r
+\r
+div#loaderDiv{\r
+ padding: 10px;\r
+ font-size: 1.1em;\r
+ position: absolute;\r
+ top: 0px;\r
+ right: 0px;\r
+ display: none;\r
+ z-index: 202;\r
+}\r
+\r
+div#loaderDiv.green{\r
+ background-color: #5abd2b;\r
+ color: #FFFFFF;\r
+}\r
+\r
+div#loaderDiv.yellow{\r
+ background-color: #ffff00;\r
+ color: #000000;\r
+}\r
+\r
+div#orientationIcon{\r
+ background-image: url(../images/normal-orientation-icon.png);\r
+ background-repeat: no-repeat;\r
+ width: 191px;\r
+ height: 72px;\r
+ float: left;\r
+ position: absolute;\r
+ left: 10px;\r
+ top: 0px;\r
+ display: none;\r
+}\r
+div#orientationIcon:hover{\r
+ background-image: url(../images/active-orientation-icon.png);\r
+}\r
+\r
+table{\r
+ border-top: 1px solid #808080;\r
+ border-left: 1px solid #808080;\r
+}\r
+\r
+table a.link{\r
+ background-color: #20c41c;\r
+ color: #ffffff;\r
+ font-weight: bold;\r
+ border: 1px solid #4e872c;\r
+ padding: 3px 2px;\r
+ text-decoration: none;\r
+ font-size: 80%;\r
+}\r
+\r
+table th, table td{\r
+ padding: 6px 5px;\r
+ border-bottom: 1px solid #808080;\r
+ border-right: 1px solid #808080;\r
+ font-size: 0.9em;\r
+}\r
+table th{\r
+ width: 150px;\r
+ text-align: left;\r
+ background-image: url(../images/th-bg-gradient.png);\r
+ background-repeat: repeat-x;\r
+ background-position: left bottom;\r
+}\r
+\r
+#NotificationDiv p{\r
+ color: #ffffff;\r
+ font-size: 95%;\r
+ padding: 5px;\r
+}\r
+\r
+strong{\r
+ color: #eee46c;\r
+}\r
+\r
+#BrowserNotificationBar{\r
+ z-index: 2000;\r
+ background-color: #f2eb8e;\r
+ border-bottom: 2px solid #f0d25e;\r
+ display: none;\r
+ position: absolute;\r
+ left: 0;\r
+ top: 0;\r
+ width: 100%;\r
+ font-size: 80%;\r
+ font-weight: bolder;\r
+ text-align: right;\r
+ margin: 0px;\r
+ opacity: 0.9;\r
+}\r
+#BrowserNotificationBar a{\r
+ height: 10px;\r
+ width: 10px;\r
+ float: right;\r
+ background-image: url(../images/BrowserNotificationBar-Toogle.gif);\r
+ background-position: 0px -10px;\r
+ margin : 4px 15px 0px 10px;\r
+ cursor: hand;\r
+ overflow: hidden;\r
+}\r
+/*\r
+ Event Triggering CSS\r
+*/\r
+\r
+h2{\r
+ font-size: 120%;\r
+ margin: 3px 0px;\r
+ padding: 0px;\r
+}\r
+\r
+#tabs-1, #tabs-2{\r
+ height: 223px;\r
+ overflow: auto;\r
+}\r
+\r
+#connect-charger-icon, #dis-connect-charger-icon{\r
+ background-repeat: no-repeat;\r
+ background-position: left top;\r
+ width: 165px;\r
+ height: 36px;\r
+ margin: 5px auto;\r
+}\r
+\r
+#connect-charger-icon{\r
+ background-image: url(../images/connect-charger-icon.png);\r
+}\r
+\r
+#dis-connect-charger-icon{\r
+ background-image: url(../images/dis-connect-charger-icon.png);\r
+}\r
+\r
+#connect-charger-icon:hover, #dis-connect-charger-icon:hover{\r
+ background-position: left bottom;\r
+}\r
+\r
+div#event-battery, div#event-messaging, div#event-memory{\r
+ float: left;\r
+ width: 150px;\r
+ height: 50px;\r
+ background-position: left top;\r
+ margin: 10px;\r
+ background-repeat: no-repeat;\r
+ border: 1px solid #6f6f6f;\r
+}\r
+\r
+div#event-battery.active:hover, div#event-messaging.active:hover, div#event-memory.active:hover{\r
+ background-position: 0px -50px;\r
+ border: 1px solid #75ea4f;\r
+}\r
+\r
+div#event-messaging.inactive, div#event-memory.inactive{\r
+ background-position: 0px -100px;\r
+ border: 1px solid #676767;\r
+}\r
+\r
+\r
+div#event-battery{\r
+ background-image: url(../images/battery-icon.png);\r
+}\r
+\r
+div#event-messaging{\r
+ background-image: url(../images/messaging-icon.png);\r
+}\r
+\r
+div#event-memory{\r
+ background-image: url(../images/memory-icon.png);\r
+}\r
+\r
+div.ui-panel{\r
+ height:30px; \r
+}\r
+\r
+a.ui-button, a.ui-button-fixed {\r
+ background:#555555 url(../script/jquery-ui/css/ui-darkness/images/555555_40x100_textures_02_glass_20.png) repeat-x scroll 0 50%;\r
+ border:1px solid #666666;\r
+ color:#EEEEEE;\r
+ cursor:pointer;\r
+ font-size:0.9em;\r
+ font-weight:bolder;\r
+ line-height:1.4em;\r
+ margin:0.5em 8px 0.5em 0;\r
+ padding:0.2em 0.6em 0.3em;\r
+ text-decoration: none;\r
+}\r
+a.ui-button:hover, a.ui-button-fixed:hover {\r
+ background:#0078A3 url(../script/jquery-ui/css/ui-darkness/images/0078a3_40x100_textures_02_glass_40.png) repeat-x scroll 0 50%;\r
+ border:1px solid #4bd94b;\r
+ color:#FFFFFF;\r
+}\r
+\r
+a.ui-button-fixed{\r
+ float: left;\r
+ padding: 0.4em 0.6em 0.8em;\r
+ text-align: center;\r
+ width: 145px !important;\r
+}\r
+\r
+div#slider-value-panel{\r
+ text-align: center;\r
+ margin-top: 10px;\r
+}\r
+\r
+div#slider-value-panel span{\r
+ padding: 3px;\r
+ background:#0078A3 url(../script/jquery-ui/css/ui-darkness/images/0078a3_40x100_textures_02_glass_40.png) repeat-x scroll 0 50%;\r
+ border:1px solid #4bd94b;\r
+ color:#FFFFFF;\r
+ font-weight: bolder;\r
+}\r
+\r
+\r
+/*\r
+ Console UI\r
+*/\r
+#preview-ui-top{\r
+ overflow:auto;\r
+}\r
+\r
+#preview-ui-bottom{\r
+ overflow:hidden;\r
+ display: none;\r
+}\r
+#preview-ui-bottom-header{\r
+ background-color: #aeaeae;\r
+ background-image: url(../images/console-icon.gif);\r
+ background-repeat: repeat-x;\r
+ background-position: 0px -28px;\r
+}\r
+span#Console-Toggle-Button{\r
+ height: 9px;\r
+ width: 15px;\r
+ float: right;\r
+ background-repeat: no-repeat;\r
+ margin : 12px 8px 0px 0px;\r
+ cursor: hand;\r
+}\r
+\r
+span#Console-Toggle-Button.open{\r
+ background-position: 0px 0px;\r
+ background-image: url(../images/console-close-icon.png);\r
+}\r
+\r
+span#Console-Toggle-Button.open:hover{\r
+ background-position: 0px -9px;\r
+}\r
+\r
+span#Console-Toggle-Button.open:active{\r
+ background-position: 0px -18px;\r
+}\r
+\r
+\r
+span#Console-Toggle-Button.close{\r
+ background-position: 0px 0px;\r
+ background-image: url(../images/console-open-icon.png);\r
+}\r
+\r
+span#Console-Toggle-Button.close:hover{\r
+ background-position: 0px -9px;\r
+}\r
+\r
+span#Console-Toggle-Button.close:active{\r
+ background-position: 0px -18px;\r
+}\r
+\r
+\r
+span#Console-Clear-Button{\r
+ height: 16px;\r
+ width: 39px;\r
+ float: right;\r
+ background-image: url(../images/console-clear-button.png);\r
+ background-repeat: no-repeat;\r
+ margin : 10px 10px 0px 0px;\r
+ cursor: hand;\r
+}\r
+span#Console-Clear-Button:hover{\r
+ background-position: -0px -16px;\r
+}\r
+\r
+#preview-ui-bottom-body{\r
+ overflow:auto;\r
+ background-color: #ffffff;\r
+ display: none;\r
+}\r
+\r
+#preview-ui-bottom-body p{\r
+ font-family: "Courier New", Courier, monospace;\r
+ font-size: 11px;\r
+ padding: 2px 5px;\r
+ border-bottom: 1px solid silver;\r
+ margin: 0px;\r
+}\r
+\r
+#preview-ui-bottom-body p.log{\r
+\r
+}\r
+\r
+#preview-ui-bottom-body p.info{\r
+ background-image: url(../images/infoIcon.png);\r
+ background-repeat: no-repeat;\r
+ background-position: 5px center;\r
+ padding-left: 26px;\r
+}\r
+#preview-ui-bottom-body p.warn{\r
+ background: #00ffff url(../images/warningIcon.png);\r
+ background-repeat: no-repeat;\r
+ background-position: 5px center;\r
+ padding-left: 26px;\r
+}\r
+#preview-ui-bottom-body p.error{\r
+ background: #ffffe0 url(../images/errorIcon.png);\r
+ background-repeat: no-repeat;\r
+ background-position: 5px center;\r
+ padding-left: 26px;\r
+ color: #ff0000;\r
+}\r
+\r
+\r
+#preview-ui-bottom-header div{\r
+ float: left;\r
+ margin: 9px;\r
+ color: #ffffff;\r
+ font-size: 11px;\r
+ font-weight: bolder;\r
+ font-family: "Arial";\r
+}\r
+\r
+\r
+span#wrt-help{\r
+ height: 28px;\r
+ width: 28px;\r
+ float: right;\r
+ background-repeat: no-repeat;\r
+ background-image: url(../images/wrt-help-icon.png);\r
+}\r
+\r
+span#wrt-help:hover{\r
+ background-position: -28px 0px;\r
+}
\ No newline at end of file
projects / ptas / blobdiff