3 background-image: url(../images/Gradient0Background.png);
\r
4 background-repeat: repeat-x;
\r
6 font-family: "Nokia Sans", "Nokia Sans SemiBold", "Arial Narrow";
\r
18 background-color: #ffffa6;
\r
48 #WidgetArea.hs_portrait{
\r
49 background-image: url(../images/device/360x640/hs-portrait.png);
\r
50 background-repeat: no-repeat;
\r
53 #WidgetArea.hs_landscape{
\r
54 background-image: url(../images/device/360x640/hs-landscape.png);
\r
55 background-repeat: no-repeat;
\r
57 #WidgetArea.hs_portrait iframe{
\r
62 overflow: hidden !important;
\r
65 #WidgetArea.hs_landscape iframe{
\r
68 margin-left: 322px !important;
\r
69 margin-top: 151px !important;
\r
70 overflow: hidden !important;
\r
79 background-image: url(../images/hs-iframeMask.png);
\r
80 background-repeat: no-repeat;
\r
81 background-position: top left;
\r
86 background-repeat: no-repeat;
\r
87 background-position: bottom left;
\r
91 #WidgetArea.hs_portrait #iframeMask{
\r
92 margin-left: 16px !important;
\r
93 margin-top: 310px !important;
\r
95 #WidgetArea.hs_landscape #iframeMask{
\r
96 margin-left: 312px !important;
\r
97 margin-top: 140px !important;
\r
104 margin-right: auto;
\r
112 #DeviceDisplayLayout {
\r
113 background-repeat: no-repeat;
\r
114 background-position: center center;
\r
115 margin-right: auto;
\r
121 #DeviceDisplayLayout.portrait_240x320 {
\r
122 background-image: url(../images/device/240x320/Portrait.png);
\r
127 #DeviceDisplayLayout.landscape_240x320 {
\r
128 background-image: url(../images/device/240x320/Landscape.png);
\r
135 position: relative;
\r
136 /* background-image: url(../images/device/menuKeys-bg.png);
\r
137 background-repeat: no-repeat;
\r
138 background-position: center top;
\r
140 background-color: #666666;
\r
150 #SoftKeysArea ul li{
\r
159 #SoftKeysArea ul li a{
\r
161 text-decoration: none;
\r
177 list-style-position: inside;
\r
178 list-style-image: none;
\r
179 list-style-type: none;
\r
180 background-color: #CCCCCC;
\r
183 #MenuItemsArea ul li{
\r
188 #MenuItemsArea li.active{
\r
189 background-color: #75ea00;
\r
194 text-decoration: none;
\r
199 #MenuItemsArea a:hover{
\r
200 background-color: #75ea00;
\r
203 #MenuItemsArea a.subMenuItem{
\r
204 background-image: url(../images/sub-menu-arrow.png);
\r
205 background-repeat: no-repeat;
\r
206 background-position: right 0px;
\r
209 #MenuItemsArea a.subMenuItem:hover{
\r
210 background-position: right -20px;
\r
212 #MenuItemsArea a.subMenuItem:active{
\r
213 background-position: right -40px;
\r
216 #MenuItemsArea li.active a.subMenuItem{
\r
217 background-position: right -20px;
\r
223 background-repeat: no-repeat;
\r
226 div#IconArea.portrait240x320{
\r
227 background-image: url(../images/statusBar_240x320.png);
\r
229 div#IconArea.landscape240x320{
\r
230 background-image: url(../images/statusBar_320x240.png);
\r
233 div#IconArea.portrait320x240{
\r
234 background-image: url(../images/statusBar_320x240.png);
\r
236 div#IconArea.landscape320x240{
\r
237 background-image: url(../images/statusBar_240x320.png);
\r
240 div#IconArea.portrait360x640{
\r
241 background-image: url(../images/statusBar_360x640.png);
\r
243 div#IconArea.landscape360x640{
\r
244 background-image: url(../images/statusBar_640x360.png);
\r
247 div#IconArea.landscape800x352{
\r
248 background-image: url(../images/statusBar_800x352.png);
\r
254 margin-right: auto;
\r
255 text-align: center;
\r
259 div.IconFile:hover{
\r
260 background-image: url(../images/IconArea-hover.png);
\r
261 background-position: center center;
\r
262 background-repeat: no-repeat;
\r
272 background-color: #fbf7a2;
\r
273 font-weight: normal;
\r
282 div#PreferencesBtn{
\r
285 background-image: url(../images/settings-icon.png);
\r
286 position: absolute;
\r
289 background-position: left bottom;
\r
293 div#PreferencesBtn:hover{
\r
294 background-position: left top;
\r
300 position: absolute;
\r
307 div#loaderDiv.green{
\r
308 background-color: #5abd2b;
\r
312 div#loaderDiv.yellow{
\r
313 background-color: #ffff00;
\r
317 div#orientationIcon{
\r
318 background-image: url(../images/normal-orientation-icon.png);
\r
319 background-repeat: no-repeat;
\r
323 position: absolute;
\r
328 div#orientationIcon:hover{
\r
329 background-image: url(../images/active-orientation-icon.png);
\r
333 border-top: 1px solid #808080;
\r
334 border-left: 1px solid #808080;
\r
338 background-color: #20c41c;
\r
341 border: 1px solid #4e872c;
\r
343 text-decoration: none;
\r
347 table th, table td{
\r
349 border-bottom: 1px solid #808080;
\r
350 border-right: 1px solid #808080;
\r
356 background-image: url(../images/th-bg-gradient.png);
\r
357 background-repeat: repeat-x;
\r
358 background-position: left bottom;
\r
361 #NotificationDiv p{
\r
371 #BrowserNotificationBar{
\r
373 background-color: #f2eb8e;
\r
374 border-bottom: 2px solid #f0d25e;
\r
376 position: absolute;
\r
381 font-weight: bolder;
\r
386 #BrowserNotificationBar a{
\r
390 background-image: url(../images/BrowserNotificationBar-Toogle.gif);
\r
391 background-position: 0px -10px;
\r
392 margin : 4px 15px 0px 10px;
\r
397 Event Triggering CSS
\r
411 #connect-charger-icon, #dis-connect-charger-icon{
\r
412 background-repeat: no-repeat;
\r
413 background-position: left top;
\r
419 #connect-charger-icon{
\r
420 background-image: url(../images/connect-charger-icon.png);
\r
423 #dis-connect-charger-icon{
\r
424 background-image: url(../images/dis-connect-charger-icon.png);
\r
427 #connect-charger-icon:hover, #dis-connect-charger-icon:hover{
\r
428 background-position: left bottom;
\r
431 div#event-battery, div#event-messaging, div#event-memory{
\r
435 background-position: left top;
\r
437 background-repeat: no-repeat;
\r
438 border: 1px solid #6f6f6f;
\r
441 div#event-battery.active:hover, div#event-messaging.active:hover, div#event-memory.active:hover{
\r
442 background-position: 0px -50px;
\r
443 border: 1px solid #75ea4f;
\r
446 div#event-messaging.inactive, div#event-memory.inactive{
\r
447 background-position: 0px -100px;
\r
448 border: 1px solid #676767;
\r
453 background-image: url(../images/battery-icon.png);
\r
456 div#event-messaging{
\r
457 background-image: url(../images/messaging-icon.png);
\r
461 background-image: url(../images/memory-icon.png);
\r
468 a.ui-button, a.ui-button-fixed {
\r
469 background:#555555 url(../script/jquery-ui/css/ui-darkness/images/555555_40x100_textures_02_glass_20.png) repeat-x scroll 0 50%;
\r
470 border:1px solid #666666;
\r
474 font-weight:bolder;
\r
476 margin:0.5em 8px 0.5em 0;
\r
477 padding:0.2em 0.6em 0.3em;
\r
478 text-decoration: none;
\r
480 a.ui-button:hover, a.ui-button-fixed:hover {
\r
481 background:#0078A3 url(../script/jquery-ui/css/ui-darkness/images/0078a3_40x100_textures_02_glass_40.png) repeat-x scroll 0 50%;
\r
482 border:1px solid #4bd94b;
\r
488 padding: 0.4em 0.6em 0.8em;
\r
489 text-align: center;
\r
490 width: 145px !important;
\r
493 div#slider-value-panel{
\r
494 text-align: center;
\r
498 div#slider-value-panel span{
\r
500 background:#0078A3 url(../script/jquery-ui/css/ui-darkness/images/0078a3_40x100_textures_02_glass_40.png) repeat-x scroll 0 50%;
\r
501 border:1px solid #4bd94b;
\r
503 font-weight: bolder;
\r
514 #preview-ui-bottom{
\r
518 #preview-ui-bottom-header{
\r
519 background-color: #aeaeae;
\r
520 background-image: url(../images/console-icon.gif);
\r
521 background-repeat: repeat-x;
\r
522 background-position: 0px -28px;
\r
524 span#Console-Toggle-Button{
\r
528 background-repeat: no-repeat;
\r
529 margin : 12px 8px 0px 0px;
\r
533 span#Console-Toggle-Button.open{
\r
534 background-position: 0px 0px;
\r
535 background-image: url(../images/console-close-icon.png);
\r
538 span#Console-Toggle-Button.open:hover{
\r
539 background-position: 0px -9px;
\r
542 span#Console-Toggle-Button.open:active{
\r
543 background-position: 0px -18px;
\r
547 span#Console-Toggle-Button.close{
\r
548 background-position: 0px 0px;
\r
549 background-image: url(../images/console-open-icon.png);
\r
552 span#Console-Toggle-Button.close:hover{
\r
553 background-position: 0px -9px;
\r
556 span#Console-Toggle-Button.close:active{
\r
557 background-position: 0px -18px;
\r
561 span#Console-Clear-Button{
\r
565 background-image: url(../images/console-clear-button.png);
\r
566 background-repeat: no-repeat;
\r
567 margin : 10px 10px 0px 0px;
\r
570 span#Console-Clear-Button:hover{
\r
571 background-position: -0px -16px;
\r
574 #preview-ui-bottom-body{
\r
576 background-color: #ffffff;
\r
580 #preview-ui-bottom-body p{
\r
581 font-family: "Courier New", Courier, monospace;
\r
584 border-bottom: 1px solid silver;
\r
588 #preview-ui-bottom-body p.log{
\r
592 #preview-ui-bottom-body p.info{
\r
593 background-image: url(../images/infoIcon.png);
\r
594 background-repeat: no-repeat;
\r
595 background-position: 5px center;
\r
596 padding-left: 26px;
\r
598 #preview-ui-bottom-body p.warn{
\r
599 background: #00ffff url(../images/warningIcon.png);
\r
600 background-repeat: no-repeat;
\r
601 background-position: 5px center;
\r
602 padding-left: 26px;
\r
604 #preview-ui-bottom-body p.error{
\r
605 background: #ffffe0 url(../images/errorIcon.png);
\r
606 background-repeat: no-repeat;
\r
607 background-position: 5px center;
\r
608 padding-left: 26px;
\r
613 #preview-ui-bottom-header div{
\r
618 font-weight: bolder;
\r
619 font-family: "Arial";
\r
627 background-repeat: no-repeat;
\r
628 background-image: url(../images/wrt-help-icon.png);
\r
631 span#wrt-help:hover{
\r
632 background-position: -28px 0px;
\r