equal
deleted
inserted
replaced
44 margin-left: auto; |
44 margin-left: auto; |
45 margin-top: auto; |
45 margin-top: auto; |
46 } |
46 } |
47 |
47 |
48 #WidgetArea.hs_portrait{ |
48 #WidgetArea.hs_portrait{ |
49 background-image: url(../images/device/360x640/hs-portrait.png); |
49 background-image: url(../images/device/360x640/hs-portrait.gif); |
50 background-repeat: no-repeat; |
50 background-repeat: no-repeat; |
51 } |
51 } |
52 |
52 |
53 #WidgetArea.hs_landscape{ |
53 #WidgetArea.hs_landscape{ |
54 background-image: url(../images/device/360x640/hs-landscape.png); |
54 background-image: url(../images/device/360x640/hs-landscape.gif); |
55 background-repeat: no-repeat; |
55 background-repeat: no-repeat; |
56 } |
56 } |
57 #WidgetArea.hs_portrait iframe{ |
57 #WidgetArea.hs_portrait iframe{ |
58 width: 306px; |
58 width: 306px; |
59 height: 76px; |
59 height: 76px; |
74 { |
74 { |
75 width: 328px; |
75 width: 328px; |
76 height: 100px; |
76 height: 100px; |
77 position: absolute; |
77 position: absolute; |
78 z-index: 900; |
78 z-index: 900; |
79 background-image: url(../images/hs-iframeMask.png); |
79 background-image: url(../images/hs-iframeMask.gif |
|
80 ); |
80 background-repeat: no-repeat; |
81 background-repeat: no-repeat; |
81 background-position: top left; |
82 background-position: top left; |
82 } |
83 } |
83 |
84 |
84 #iframeMask:hover |
85 #iframeMask:hover |
255 text-align: center; |
256 text-align: center; |
256 padding: 20px; |
257 padding: 20px; |
257 } |
258 } |
258 |
259 |
259 div.IconFile:hover{ |
260 div.IconFile:hover{ |
260 background-image: url(../images/IconArea-hover.png); |
261 background-image: url(../images/IconArea-hover.gif); |
261 background-position: center center; |
262 background-position: center center; |
262 background-repeat: no-repeat; |
263 background-repeat: no-repeat; |
263 } |
264 } |
264 |
265 |
265 div.IconFile p{ |
266 div.IconFile p{ |
313 background-color: #ffff00; |
314 background-color: #ffff00; |
314 color: #000000; |
315 color: #000000; |
315 } |
316 } |
316 |
317 |
317 div#orientationIcon{ |
318 div#orientationIcon{ |
318 background-image: url(../images/normal-orientation-icon.png); |
319 background-image: url(../images/normal-orientation-icon.gif); |
319 background-repeat: no-repeat; |
320 background-repeat: no-repeat; |
320 width: 191px; |
321 width: 191px; |
321 height: 72px; |
322 height: 72px; |
322 float: left; |
323 float: left; |
323 position: absolute; |
324 position: absolute; |
324 left: 10px; |
325 left: 10px; |
325 top: 0px; |
326 top: 0px; |
326 display: none; |
327 display: none; |
327 } |
328 } |
328 div#orientationIcon:hover{ |
329 div#orientationIcon:hover{ |
329 background-image: url(../images/active-orientation-icon.png); |
330 background-image: url(../images/active-orientation-icon.gif); |
330 } |
331 } |
331 |
332 |
332 table{ |
333 table{ |
333 border-top: 1px solid #808080; |
334 border-top: 1px solid #808080; |
334 border-left: 1px solid #808080; |
335 border-left: 1px solid #808080; |
448 border: 1px solid #676767; |
449 border: 1px solid #676767; |
449 } |
450 } |
450 |
451 |
451 |
452 |
452 div#event-battery{ |
453 div#event-battery{ |
453 background-image: url(../images/battery-icon.png); |
454 background-image: url(../images/battery-icon.gif); |
454 } |
455 } |
455 |
456 |
456 div#event-messaging{ |
457 div#event-messaging{ |
457 background-image: url(../images/messaging-icon.png); |
458 background-image: url(../images/messaging-icon.gif); |
458 } |
459 } |
459 |
460 |
460 div#event-memory{ |
461 div#event-memory{ |
461 background-image: url(../images/memory-icon.png); |
462 background-image: url(../images/memory-icon.gif); |
462 } |
463 } |
463 |
464 |
464 div.ui-panel{ |
465 div.ui-panel{ |
465 height:30px; |
466 height:30px; |
466 } |
467 } |
530 cursor: hand; |
531 cursor: hand; |
531 } |
532 } |
532 |
533 |
533 span#Console-Toggle-Button.open{ |
534 span#Console-Toggle-Button.open{ |
534 background-position: 0px 0px; |
535 background-position: 0px 0px; |
535 background-image: url(../images/console-close-icon.png); |
536 background-image: url(../images/console-close-icon.gif); |
536 } |
537 } |
537 |
538 |
538 span#Console-Toggle-Button.open:hover{ |
539 span#Console-Toggle-Button.open:hover{ |
539 background-position: 0px -9px; |
540 background-position: 0px -9px; |
540 } |
541 } |
544 } |
545 } |
545 |
546 |
546 |
547 |
547 span#Console-Toggle-Button.close{ |
548 span#Console-Toggle-Button.close{ |
548 background-position: 0px 0px; |
549 background-position: 0px 0px; |
549 background-image: url(../images/console-open-icon.png); |
550 background-image: url(../images/console-open-icon.gif); |
550 } |
551 } |
551 |
552 |
552 span#Console-Toggle-Button.close:hover{ |
553 span#Console-Toggle-Button.close:hover{ |
553 background-position: 0px -9px; |
554 background-position: 0px -9px; |
554 } |
555 } |
588 #preview-ui-bottom-body p.log{ |
589 #preview-ui-bottom-body p.log{ |
589 |
590 |
590 } |
591 } |
591 |
592 |
592 #preview-ui-bottom-body p.info{ |
593 #preview-ui-bottom-body p.info{ |
593 background-image: url(../images/infoIcon.png); |
594 background-image: url(../images/infoIcon.gif); |
594 background-repeat: no-repeat; |
595 background-repeat: no-repeat; |
595 background-position: 5px center; |
596 background-position: 5px center; |
596 padding-left: 26px; |
597 padding-left: 26px; |
597 } |
598 } |
598 #preview-ui-bottom-body p.warn{ |
599 #preview-ui-bottom-body p.warn{ |
599 background: #00ffff url(../images/warningIcon.png); |
600 background: #00ffff url(../images/warningIcon.gif); |
600 background-repeat: no-repeat; |
601 background-repeat: no-repeat; |
601 background-position: 5px center; |
602 background-position: 5px center; |
602 padding-left: 26px; |
603 padding-left: 26px; |
603 } |
604 } |
604 #preview-ui-bottom-body p.error{ |
605 #preview-ui-bottom-body p.error{ |
605 background: #ffffe0 url(../images/errorIcon.png); |
606 background: #ffffe0 url(../images/errorIcon.gif); |
606 background-repeat: no-repeat; |
607 background-repeat: no-repeat; |
607 background-position: 5px center; |
608 background-position: 5px center; |
608 padding-left: 26px; |
609 padding-left: 26px; |
609 color: #ff0000; |
610 color: #ff0000; |
610 } |
611 } |