9 * |
10 * |
10 * Initial Contributors: |
11 * Initial Contributors: |
11 * Symbian Foundation - initial contribution. |
12 * Symbian Foundation - initial contribution. |
12 * Contributors: |
13 * Contributors: |
13 */ |
14 */ |
14 |
15 .tabs-bottom { |
15 .tabs-bottom { position: relative; } |
16 position: relative; |
16 .tabs-bottom .ui-tabs-panel { height: 200px; overflow: auto; } |
17 } |
17 .tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em 0; } |
18 |
18 .tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; } |
19 .tabs-bottom .ui-tabs-panel { |
19 .ui-tabs-selected { margin-top: -3px !important; } |
20 height: 200px; |
20 |
21 overflow: auto; |
21 |
22 } |
22 body { |
23 |
23 /* background-image: url(../images/Gradient0Background_2.png);*/ |
24 .tabs-bottom .ui-tabs-nav { |
|
25 position: absolute !important; |
|
26 left: 0; |
|
27 bottom: 0; |
|
28 right: 0; |
|
29 padding: 0 0.2em 0.2em 0; |
|
30 } |
|
31 |
|
32 .tabs-bottom .ui-tabs-nav li { |
|
33 margin-top: -2px !important; |
|
34 margin-bottom: 1px !important; |
|
35 border-top: none; |
|
36 border-bottom-width: 1px; |
|
37 } |
|
38 |
|
39 .ui-tabs-selected { |
|
40 margin-top: -3px !important; |
|
41 } |
|
42 |
|
43 body { /* background-image: url(../images/Gradient0Background_2.png);*/ |
24 background-repeat: repeat-x; |
44 background-repeat: repeat-x; |
25 background-color: AppWorkspace; |
45 background-color: AppWorkspace; |
26 margin: 0px; |
46 margin: 0px; |
27 font-family: "Nokia Sans", "Nokia Sans SemiBold", "Arial Narrow"; |
47 font-family: "Nokia Sans", "Nokia Sans SemiBold", "Arial Narrow"; |
28 padding: 0px; |
48 padding: 0px; |
29 overflow: hidden; |
49 overflow: hidden; |
30 font-size: 11px; |
50 font-size: 11px; |
31 } |
51 } |
32 .hide{ |
52 |
33 display:none; |
53 .hide { |
34 } |
54 display: none; |
35 .shortcut{ |
55 } |
36 display:none; |
56 |
|
57 .shortcut { |
|
58 display: none; |
37 font-weight: bold; |
59 font-weight: bold; |
38 color: gray; |
60 color: gray; |
39 } |
61 } |
40 .show{ |
62 |
41 display:block; |
63 .show { |
42 } |
64 display: block; |
43 |
65 } |
44 code{ |
66 |
|
67 code { |
45 background-color: #ffffa6; |
68 background-color: #ffffa6; |
46 color: #000000; |
69 color: #000000; |
47 padding: 3px; |
70 padding: 3px; |
48 display: block; |
71 display: block; |
49 font-size: 110%; |
72 font-size: 110%; |
50 margin: 3px 0px; |
73 margin: 3px 0px; |
51 } |
74 } |
52 |
75 |
53 #DisplaySFKWrapper{ |
76 #DisplaySFKWrapper { |
54 overflow: hidden; |
77 overflow: hidden; |
55 } |
78 } |
|
79 |
56 #DisplayArea { |
80 #DisplayArea { |
57 margin-right: auto; |
81 margin-right: auto; |
58 margin-left: auto; |
82 margin-left: auto; |
59 overflow: hidden; |
83 overflow: hidden; |
60 |
84 } |
61 } |
85 |
62 |
86 #WidgetArea { |
63 #WidgetArea{ |
|
64 position: relative; |
87 position: relative; |
65 z-index: 99; |
88 z-index: 99; |
66 } |
89 } |
67 #WidgetArea iframe{ |
90 |
|
91 #WidgetArea iframe { |
68 width: 100%; |
92 width: 100%; |
69 height: 100%; |
93 height: 100%; |
70 border: 0px; |
94 border: 0px; |
71 margin-left: auto; |
95 margin-left: auto; |
72 margin-top: auto; |
96 margin-top: auto; |
73 } |
97 } |
74 |
98 |
75 #WidgetArea.hs_portrait{ |
99 #WidgetArea.hs_portrait { |
76 background-image: url(../images/device/360x640/hs-portrait.gif); |
100 background-image: url(../images/device/360x640/hs-portrait.gif); |
77 background-repeat: no-repeat; |
101 background-repeat: no-repeat; |
78 } |
102 } |
79 |
103 |
80 #WidgetArea.hs_landscape{ |
104 #WidgetArea.hs_landscape { |
81 background-image: url(../images/device/360x640/hs-landscape.gif); |
105 background-image: url(../images/device/360x640/hs-landscape.gif); |
82 background-repeat: no-repeat; |
106 background-repeat: no-repeat; |
83 } |
107 } |
84 #WidgetArea.hs_portrait iframe{ |
108 |
|
109 #WidgetArea.hs_portrait iframe { |
85 width: 306px; |
110 width: 306px; |
86 height: 76px; |
111 height: 76px; |
87 margin-left: 26px; |
112 margin-left: 26px; |
88 margin-top: 321px; |
113 margin-top: 321px; |
89 overflow: hidden !important; |
114 overflow: hidden !important; |
90 } |
115 } |
91 |
116 |
92 #WidgetArea.hs_landscape iframe{ |
117 #WidgetArea.hs_landscape iframe { |
93 width: 306px; |
118 width: 306px; |
94 height: 76px; |
119 height: 76px; |
95 margin-left: 322px !important; |
120 margin-left: 322px !important; |
96 margin-top: 151px !important; |
121 margin-top: 151px !important; |
97 overflow: hidden !important; |
122 overflow: hidden !important; |
98 } |
123 } |
99 |
124 |
100 #iframeMask |
125 #iframeMask { |
101 { |
|
102 width: 328px; |
126 width: 328px; |
103 height: 100px; |
127 height: 100px; |
104 position: absolute; |
128 position: absolute; |
105 z-index: 900; |
129 z-index: 900; |
106 background-image: url(../images/hs-iframeMask.gif |
130 background-image: url(../images/hs-iframeMask.gif |
107 ); |
131 ); |
108 background-repeat: no-repeat; |
132 background-repeat: no-repeat; |
109 background-position: top left; |
133 background-position: top left; |
110 } |
134 } |
111 |
135 |
112 #iframeMask:hover |
136 #iframeMask:hover { |
113 { |
|
114 background-repeat: no-repeat; |
137 background-repeat: no-repeat; |
115 background-position: bottom left; |
138 background-position: bottom left; |
116 } |
139 } |
117 |
140 |
118 |
141 #WidgetArea.hs_portrait #iframeMask { |
119 #WidgetArea.hs_portrait #iframeMask{ |
|
120 margin-left: 16px !important; |
142 margin-left: 16px !important; |
121 margin-top: 310px !important; |
143 margin-top: 310px !important; |
122 } |
144 } |
123 #WidgetArea.hs_landscape #iframeMask{ |
145 |
|
146 #WidgetArea.hs_landscape #iframeMask { |
124 margin-left: 312px !important; |
147 margin-left: 312px !important; |
125 margin-top: 140px !important; |
148 margin-top: 140px !important; |
126 } |
149 } |
127 |
150 |
128 |
151 #SoftKeys { |
129 #SoftKeys{ |
|
130 height: 50px; |
152 height: 50px; |
131 width: 240px; |
153 width: 240px; |
132 margin-right: auto; |
154 margin-right: auto; |
133 margin-left: auto; |
155 margin-left: auto; |
134 margin-top: 10px; |
156 margin-top: 10px; |
135 } |
157 } |
136 |
158 |
137 div.clear{ |
159 div.clear { |
138 clear: both; |
160 clear: both; |
139 } |
161 } |
|
162 |
140 #DeviceDisplayLayout { |
163 #DeviceDisplayLayout { |
141 background-repeat: no-repeat; |
164 background-repeat: no-repeat; |
142 background-position: center center; |
165 background-position: center center; |
143 margin-right: auto; |
166 margin-right: auto; |
144 margin-left: auto; |
167 margin-left: auto; |
156 background-image: url(../images/device/240x320/Landscape.png); |
179 background-image: url(../images/device/240x320/Landscape.png); |
157 width: 848px; |
180 width: 848px; |
158 height: 408px; |
181 height: 408px; |
159 } |
182 } |
160 |
183 |
161 #SoftKeysArea{ |
184 #SoftKeysArea { |
162 z-index: 101; |
185 z-index: 101; |
163 position: relative; |
186 position: relative; |
164 /* background-image: url(../images/device/menuKeys-bg.png); |
187 /* background-image: url(../images/device/menuKeys-bg.png); |
165 background-repeat: no-repeat; |
188 background-repeat: no-repeat; |
166 background-position: center top; |
189 background-position: center top; |
167 */ |
190 */ |
168 background-color: #666666; |
191 background-color: #666666; |
169 } |
192 } |
170 |
193 |
171 #SoftKeysArea ul{ |
194 #SoftKeysArea ul { |
172 list-style: none; |
195 list-style: none; |
173 margin: 0px; |
196 margin: 0px; |
174 padding: 0px; |
197 padding: 0px; |
175 |
198 } |
176 } |
199 |
177 |
200 #SoftKeysArea ul li { |
178 #SoftKeysArea ul li{ |
|
179 margin: 0px; |
201 margin: 0px; |
180 font-weight: bold; |
202 font-weight: bold; |
181 font-size: 15px; |
203 font-size: 15px; |
182 float: left; |
204 float: left; |
183 padding: 5px; |
205 padding: 5px; |
184 } |
206 } |
185 |
207 |
186 |
208 #SoftKeysArea ul li a { |
187 #SoftKeysArea ul li a{ |
|
188 color: #FFFFFF; |
209 color: #FFFFFF; |
189 text-decoration: none; |
210 text-decoration: none; |
190 display: block; |
211 display: block; |
191 } |
212 } |
192 |
213 |
193 li#RskLabel{ |
214 li#RskLabel { |
194 text-align: right; |
215 text-align: right; |
195 } |
216 } |
196 |
217 |
197 #MenuItemsArea{ |
218 #MenuItemsArea { |
198 z-index: 100; |
219 z-index: 100; |
199 display: none; |
220 display: none; |
200 } |
221 } |
201 |
222 |
202 #MenuItemsArea ul{ |
223 #MenuItemsArea ul { |
203 margin: 0px; |
224 margin: 0px; |
204 padding: 5px; |
225 padding: 5px; |
205 list-style-position: inside; |
226 list-style-position: inside; |
206 list-style-image: none; |
227 list-style-image: none; |
207 list-style-type: none; |
228 list-style-type: none; |
208 background-color: #CCCCCC; |
229 background-color: #CCCCCC; |
209 } |
230 } |
210 |
231 |
211 #MenuItemsArea ul li{ |
232 #MenuItemsArea ul li { |
212 font-size: 13px; |
233 font-size: 13px; |
213 font-weight: bold; |
234 font-weight: bold; |
214 } |
235 } |
215 |
236 |
216 #MenuItemsArea li.active{ |
237 #MenuItemsArea li.active { |
217 background-color: #75ea00; |
238 background-color: #75ea00; |
218 } |
239 } |
219 |
240 |
220 #MenuItemsArea a{ |
241 #MenuItemsArea a { |
221 color: #000; |
242 color: #000; |
222 text-decoration: none; |
243 text-decoration: none; |
223 display: block; |
244 display: block; |
224 padding: 5px; |
245 padding: 5px; |
225 height: 14px; |
246 height: 14px; |
226 } |
247 } |
227 #MenuItemsArea a:hover{ |
248 |
|
249 #MenuItemsArea a:hover { |
228 background-color: #75ea00; |
250 background-color: #75ea00; |
229 } |
251 } |
230 |
252 |
231 #MenuItemsArea a.subMenuItem{ |
253 #MenuItemsArea a.subMenuItem { |
232 background-image: url(../images/sub-menu-arrow.png); |
254 background-image: url(../images/sub-menu-arrow.png); |
233 background-repeat: no-repeat; |
255 background-repeat: no-repeat; |
234 background-position: right 0px; |
256 background-position: right 0px; |
235 } |
257 } |
236 |
258 |
237 #MenuItemsArea a.subMenuItem:hover{ |
259 #MenuItemsArea a.subMenuItem:hover { |
238 background-position: right -20px; |
260 background-position: right -20px; |
239 } |
261 } |
240 #MenuItemsArea a.subMenuItem:active{ |
262 |
|
263 #MenuItemsArea a.subMenuItem:active { |
241 background-position: right -40px; |
264 background-position: right -40px; |
242 } |
265 } |
243 |
266 |
244 #MenuItemsArea li.active a.subMenuItem{ |
267 #MenuItemsArea li.active a.subMenuItem { |
245 background-position: right -20px; |
268 background-position: right -20px; |
246 } |
269 } |
247 div#IconArea{ |
270 |
|
271 div#IconArea { |
248 display: none; |
272 display: none; |
249 font-size: 0.9em; |
273 font-size: 0.9em; |
250 font-weight: bold; |
274 font-weight: bold; |
251 background-repeat: no-repeat; |
275 background-repeat: no-repeat; |
252 } |
276 } |
253 |
277 |
254 div#IconArea.portrait240x320{ |
278 div#IconArea.portrait240x320 { |
255 background-image: url(../images/statusBar_240x320_bkup.png); |
279 background-image: url(../images/statusBar_240x320_bkup.png); |
256 } |
280 } |
257 div#IconArea.landscape240x320{ |
281 |
|
282 div#IconArea.landscape240x320 { |
258 background-image: url(../images/statusBar_320x240_bkup.png); |
283 background-image: url(../images/statusBar_320x240_bkup.png); |
259 } |
284 } |
260 |
285 |
261 div#IconArea.portrait320x240{ |
286 div#IconArea.portrait320x240 { |
262 background-image: url(../images/statusBar_320x240_bkup.png); |
287 background-image: url(../images/statusBar_320x240_bkup.png); |
263 } |
288 } |
264 div#IconArea.landscape320x240{ |
289 |
|
290 div#IconArea.landscape320x240 { |
265 background-image: url(../images/statusBar_240x320_bkup.png); |
291 background-image: url(../images/statusBar_240x320_bkup.png); |
266 } |
292 } |
267 |
293 |
268 div#IconArea.portrait360x640{ |
294 div#IconArea.portrait360x640 { |
269 background-image: url(../images/statusBar_360x640_bkup.png); |
295 background-image: url(../images/statusBar_360x640_bkup.png); |
270 } |
296 } |
271 div#IconArea.landscape360x640{ |
297 |
|
298 div#IconArea.landscape360x640 { |
272 background-image: url(../images/statusBar_640x360_bkup.png); |
299 background-image: url(../images/statusBar_640x360_bkup.png); |
273 } |
300 } |
274 |
301 |
275 div#IconArea.landscape800x352{ |
302 div#IconArea.landscape800x352 { |
276 background-image: url(../images/statusBar_800x352_bkup.png); |
303 background-image: url(../images/statusBar_800x352_bkup.png); |
277 } |
304 } |
278 |
305 |
279 |
306 div.IconFile { |
280 div.IconFile{ |
|
281 margin-left: auto; |
307 margin-left: auto; |
282 margin-right: auto; |
308 margin-right: auto; |
283 text-align: center; |
309 text-align: center; |
284 padding: 20px; |
310 padding: 20px; |
285 } |
311 } |
286 |
312 |
287 div.IconFile:hover{ |
313 div.IconFile:hover { |
288 background-image: url(../images/IconArea-hover.gif); |
314 background-image: url(../images/IconArea-hover.gif); |
289 background-position: center center; |
315 background-position: center center; |
290 background-repeat: no-repeat; |
316 background-repeat: no-repeat; |
291 } |
317 } |
292 |
318 |
293 div.IconFile p{ |
319 div.IconFile p { |
294 margin: 0px; |
320 margin: 0px; |
295 } |
321 } |
296 |
322 |
297 p.highlight span{ |
323 p.highlight span { |
298 background-color: #fbf7a2; |
324 background-color: #fbf7a2; |
299 font-weight: normal; |
325 font-weight: normal; |
300 font-size: 0.8em; |
326 font-size: 0.8em; |
301 padding: 3px; |
327 padding: 3px; |
302 } |
328 } |
303 |
329 |
304 /* |
330 /* |
305 preferences CSS |
331 preferences CSS |
306 */ |
332 */ |
307 div#TopToolbar{ |
333 div#TopToolbar { |
308 left: 30%; |
334 left: 30%; |
309 right: 30%; |
335 right: 30%; |
310 top: 0; |
336 top: 0; |
311 height: 32px; |
337 height: 32px; |
312 text-align: center; |
338 text-align: center; |
313 min-width: 50px; |
339 min-width: 50px; |
314 position: absolute; |
340 position: absolute; |
315 } |
341 } |
316 |
342 |
317 div#InspectorBtn{ |
343 div#InspectorBtn { |
318 width: 75px; |
344 width: 75px; |
319 height: 85px; |
345 height: 85px; |
320 background-image: url(../images/inspector.png); |
346 background-image: url(../images/inspector.png); |
321 position: absolute; |
347 position: absolute; |
322 top: 10px; |
348 top: 10px; |
323 left: 10px; |
349 left: 10px; |
324 float: left; |
350 float: left; |
325 background-position: left bottom; |
351 background-position: left bottom; |
326 z-index: 200; |
352 z-index: 200; |
327 cursor: pointer; |
353 cursor: pointer; |
328 } |
354 } |
329 |
355 |
330 div#InspectorBtn:hover{ |
356 div#InspectorBtn:hover { |
331 background-image: url(../images/inspector_hover.png); |
357 background-image: url(../images/inspector_hover.png); |
332 background-position: left top; |
358 background-position: left top; |
333 } |
359 } |
334 |
360 |
335 div#loaderDiv{ |
361 div#loaderDiv { |
336 padding: 10px; |
362 padding: 10px; |
337 font-size: 1.1em; |
363 font-size: 1.1em; |
338 position: absolute; |
364 position: absolute; |
339 top: 0px; |
365 top: 0px; |
340 right: 0px; |
366 right: 0px; |
341 display: none; |
367 display: none; |
342 z-index: 202; |
368 z-index: 202; |
343 } |
369 } |
344 |
370 |
345 div#loaderDiv.green{ |
371 div#loaderDiv.green { |
346 background-color: #5abd2b; |
372 background-color: #5abd2b; |
347 color: #FFFFFF; |
373 color: #FFFFFF; |
348 } |
374 } |
349 |
375 |
350 div#loaderDiv.yellow{ |
376 div#loaderDiv.yellow { |
351 background-color: #ffff00; |
377 background-color: #ffff00; |
352 color: #000000; |
378 color: #000000; |
353 } |
379 } |
354 |
380 |
355 div#orientationIcon{ |
381 div#orientationIcon { |
356 background-image: url(../images/normal-orientation-icon.gif); |
382 background-image: url(../images/normal-orientation-icon.gif); |
357 background-repeat: no-repeat; |
383 background-repeat: no-repeat; |
358 width: 191px; |
384 width: 191px; |
359 height: 72px; |
385 height: 72px; |
360 float: left; |
386 float: left; |
361 position: absolute; |
387 position: absolute; |
362 left: 10px; |
388 left: 10px; |
363 top: 0px; |
389 top: 0px; |
364 display: none; |
390 display: none; |
365 } |
391 } |
366 div#orientationIcon:hover{ |
392 |
|
393 div#orientationIcon:hover { |
367 background-image: url(../images/active-orientation-icon.gif); |
394 background-image: url(../images/active-orientation-icon.gif); |
368 } |
395 } |
369 |
396 |
370 table{ |
397 table { |
371 border-top: 1px solid #808080; |
398 border-top: 1px solid #808080; |
372 border-left: 1px solid #808080; |
399 border-left: 1px solid #808080; |
373 } |
400 } |
374 |
401 |
375 table a.link{ |
402 table a.link { |
376 background-color: #20c41c; |
403 background-color: #20c41c; |
377 color: #ffffff; |
404 color: #ffffff; |
378 font-weight: bold; |
405 font-weight: bold; |
379 border: 1px solid #4e872c; |
406 border: 1px solid #4e872c; |
380 padding: 3px 2px; |
407 padding: 3px 2px; |
381 text-decoration: none; |
408 text-decoration: none; |
382 font-size: 80%; |
409 font-size: 80%; |
383 } |
410 } |
384 |
411 |
385 table th, table td{ |
412 table th,table td { |
386 padding: 6px 5px; |
413 padding: 6px 5px; |
387 border-bottom: 1px solid #808080; |
414 border-bottom: 1px solid #808080; |
388 border-right: 1px solid #808080; |
415 border-right: 1px solid #808080; |
389 font-size: 0.9em; |
416 font-size: 0.9em; |
390 } |
417 } |
391 table th{ |
418 |
|
419 table th { |
392 width: 150px; |
420 width: 150px; |
393 text-align: left; |
421 text-align: left; |
394 background-image: url(../images/th-bg-gradient.png); |
422 background-image: url(../images/th-bg-gradient.png); |
395 background-repeat: repeat-x; |
423 background-repeat: repeat-x; |
396 background-position: left bottom; |
424 background-position: left bottom; |
397 } |
425 } |
398 |
426 |
399 #NotificationDiv p{ |
427 #NotificationDiv p { |
400 color: #ffffff; |
428 color: #ffffff; |
401 font-size: 95%; |
429 font-size: 95%; |
402 padding: 5px; |
430 padding: 5px; |
403 } |
431 } |
404 |
432 |
405 strong{ |
433 strong { |
406 color: #eee46c; |
434 color: #eee46c; |
407 } |
435 } |
408 |
436 |
409 #BrowserNotificationBar{ |
437 #BrowserNotificationBar { |
410 z-index: 2000; |
438 z-index: 2000; |
411 background-color: #f2eb8e; |
439 background-color: #f2eb8e; |
412 border-bottom: 2px solid #f0d25e; |
440 border-bottom: 2px solid #f0d25e; |
413 display: none; |
441 display: none; |
414 position: absolute; |
442 position: absolute; |
419 font-weight: bolder; |
447 font-weight: bolder; |
420 text-align: right; |
448 text-align: right; |
421 margin: 0px; |
449 margin: 0px; |
422 opacity: 0.9; |
450 opacity: 0.9; |
423 } |
451 } |
424 #BrowserNotificationBar a{ |
452 |
|
453 #BrowserNotificationBar a { |
425 height: 10px; |
454 height: 10px; |
426 width: 10px; |
455 width: 10px; |
427 float: right; |
456 float: right; |
428 background-image: url(../images/BrowserNotificationBar-Toogle.gif); |
457 background-image: url(../images/BrowserNotificationBar-Toogle.gif); |
429 background-position: 0px -10px; |
458 background-position: 0px -10px; |
430 margin : 4px 15px 0px 10px; |
459 margin: 4px 15px 0px 10px; |
431 cursor: hand; |
460 cursor: hand; |
432 overflow: hidden; |
461 overflow: hidden; |
433 } |
462 } |
|
463 |
434 /* |
464 /* |
435 Event Triggering CSS |
465 Event Triggering CSS |
436 */ |
466 */ |
437 |
467 h2 { |
438 h2{ |
|
439 font-size: 120%; |
468 font-size: 120%; |
440 margin: 3px 0px; |
469 margin: 3px 0px; |
441 padding: 0px; |
470 padding: 0px; |
442 } |
471 } |
443 |
472 |
444 #tabs-1, #tabs-2{ |
473 #tabs-1,#tabs-2 { |
445 height: 223px; |
474 height: 223px; |
446 overflow: auto; |
475 overflow: auto; |
447 } |
476 } |
448 |
477 |
449 #connect-charger-icon, #dis-connect-charger-icon{ |
478 #connect-charger-icon,#dis-connect-charger-icon { |
450 background-repeat: no-repeat; |
479 background-repeat: no-repeat; |
451 background-position: left top; |
480 background-position: left top; |
452 width: 165px; |
481 width: 165px; |
453 height: 36px; |
482 height: 36px; |
454 margin: 5px auto; |
483 margin: 5px auto; |
455 } |
484 } |
456 |
485 |
457 #connect-charger-icon{ |
486 #connect-charger-icon { |
458 background-image: url(../images/connect-charger-icon.png); |
487 background-image: url(../images/connect-charger-icon.png); |
459 } |
488 } |
460 |
489 |
461 #dis-connect-charger-icon{ |
490 #dis-connect-charger-icon { |
462 background-image: url(../images/dis-connect-charger-icon.png); |
491 background-image: url(../images/dis-connect-charger-icon.png); |
463 } |
492 } |
464 |
493 |
465 #connect-charger-icon:hover, #dis-connect-charger-icon:hover{ |
494 #connect-charger-icon:hover,#dis-connect-charger-icon:hover { |
466 background-position: left bottom; |
495 background-position: left bottom; |
467 } |
496 } |
468 |
497 |
469 div#event-battery, div#event-messaging, div#event-memory{ |
498 div#event-battery,div#event-messaging,div#event-memory { |
470 float: left; |
499 float: left; |
471 width: 150px; |
500 width: 150px; |
472 height: 50px; |
501 height: 50px; |
473 background-position: left top; |
502 background-position: left top; |
474 margin: 10px; |
503 margin: 10px; |
475 background-repeat: no-repeat; |
504 background-repeat: no-repeat; |
476 border: 1px solid #6f6f6f; |
505 border: 1px solid #6f6f6f; |
477 } |
506 } |
478 |
507 |
479 div#event-battery.active:hover, div#event-messaging.active:hover, div#event-memory.active:hover{ |
508 div#event-battery.active:hover,div#event-messaging.active:hover,div#event-memory.active:hover |
480 background-position: 0px -50px; |
509 { |
481 /* background-position: 0px -100px; */ |
510 background-position: 0px -50px; |
|
511 /* background-position: 0px -100px; */ |
482 border: 1px solid #75ea4f; |
512 border: 1px solid #75ea4f; |
483 } |
513 } |
484 |
514 |
485 div#event-messaging.inactive, div#event-memory.inactive{ |
515 div#event-messaging.inactive,div#event-memory.inactive { |
486 background-position: 0px -100px; |
516 background-position: 0px -100px; |
487 /* background-position: 0px -50px; */ |
517 /* background-position: 0px -50px; */ |
488 border: 1px solid #676767; |
518 border: 1px solid #676767; |
489 } |
519 } |
490 |
520 |
491 |
521 div#event-battery { |
492 div#event-battery{ |
522 /* background-image: url(../images/battery-icon.png); */ |
493 /* background-image: url(../images/battery-icon.png); */ |
523 /* background-image: url(../images/battery_1.png); */ |
494 /* background-image: url(../images/battery_1.png); */ |
524 background-image: url(../images/battery-icon_bkup.png); |
495 background-image: url(../images/battery-icon_bkup.png); |
525 } |
496 } |
526 |
497 |
527 div#event-messaging { |
498 div#event-messaging{ |
528 /* background-image: url(../images/messaging-icon.gif); */ |
499 /* background-image: url(../images/messaging-icon.gif); */ |
529 /* background-image: url(../images/messaging_1.png); */ |
500 /* background-image: url(../images/messaging_1.png); */ |
530 background-image: url(../images/messaging-icon_bkup.png); |
501 background-image: url(../images/messaging-icon_bkup.png); |
531 } |
502 } |
532 |
503 |
533 div#event-memory { |
504 div#event-memory{ |
534 /* background-image: url(../images/memory-icon.png); */ |
505 /* background-image: url(../images/memory-icon.png); */ |
535 /* background-image: url(../images/memory_1.png); */ |
506 /* background-image: url(../images/memory_1.png); */ |
536 background-image: url(../images/memory-icon_bkup.png); |
507 background-image: url(../images/memory-icon_bkup.png); |
|
508 } |
537 } |
509 |
538 |
510 /* |
539 /* |
511 div#event-battery.active:hover{ |
540 div#event-battery.active:hover{ |
512 background-image: url(../images/battery_2.png); |
541 background-image: url(../images/battery_2.png); |
518 |
547 |
519 div#event-memory.active:hover{ |
548 div#event-memory.active:hover{ |
520 background-image: url(../images/memory_2.png); |
549 background-image: url(../images/memory_2.png); |
521 } |
550 } |
522 */ |
551 */ |
523 |
552 div.ui-panel { |
524 |
553 height: 30px; |
525 div.ui-panel{ |
554 } |
526 height:30px; |
555 |
527 } |
556 a.ui-button,a.ui-button-fixed { |
528 |
557 background: #555555 |
529 a.ui-button, a.ui-button-fixed { |
558 url(../script/jquery-ui/css/ui-darkness/images/555555_40x100_textures_02_glass_20.png) |
530 background:#555555 url(../script/jquery-ui/css/ui-darkness/images/555555_40x100_textures_02_glass_20.png) repeat-x scroll 0 50%; |
559 repeat-x scroll 0 50%; |
531 border:1px solid #666666; |
560 border: 1px solid #666666; |
532 color:#EEEEEE; |
561 color: #EEEEEE; |
533 cursor:pointer; |
562 cursor: pointer; |
534 font-weight:bolder; |
563 font-weight: bolder; |
535 line-height:1.4em; |
564 line-height: 1.4em; |
536 margin:0.5em 8px 0.5em 0; |
565 margin: 0.5em 8px 0.5em 0; |
537 padding:0.2em 0.6em 0.3em; |
566 padding: 0.2em 0.6em 0.3em; |
538 text-decoration: none; |
567 text-decoration: none; |
539 } |
568 } |
540 a.ui-button:hover, a.ui-button-fixed:hover { |
569 |
541 background:#0078A3 url(../script/jquery-ui/css/ui-darkness/images/0078a3_40x100_textures_02_glass_40.png) repeat-x scroll 0 50%; |
570 a.ui-button:hover,a.ui-button-fixed:hover { |
542 border:1px solid #4bd94b; |
571 background: #0078A3 |
543 color:#FFFFFF; |
572 url(../script/jquery-ui/css/ui-darkness/images/0078a3_40x100_textures_02_glass_40.png) |
544 } |
573 repeat-x scroll 0 50%; |
545 |
574 border: 1px solid #4bd94b; |
546 a.ui-button-fixed{ |
575 color: #FFFFFF; |
|
576 } |
|
577 |
|
578 a.ui-button-fixed { |
547 float: left; |
579 float: left; |
548 padding: 0.4em 0.6em 0.8em; |
580 padding: 0.4em 0.6em 0.8em; |
549 text-align: center; |
581 text-align: center; |
550 vertical-align: middle; |
582 vertical-align: middle; |
551 width: 120px !important; |
583 width: 120px !important; |
552 } |
584 } |
553 |
585 |
554 div#slider-value-panel{ |
586 div#slider-value-panel { |
555 text-align: center; |
587 text-align: center; |
556 margin-top: 10px; |
588 margin-top: 10px; |
557 } |
589 } |
558 |
590 |
559 span.readonly-field { |
591 span.readonly-field { |
560 padding: 3px; |
592 padding: 3px; |
561 background:#0078A3 url(../script/jquery-ui/css/ui-darkness/images/0078a3_40x100_textures_02_glass_40.png) repeat-x scroll 0 50%; |
593 background: #0078A3 |
562 border:1px solid #4bd94b; |
594 url(../script/jquery-ui/css/ui-darkness/images/0078a3_40x100_textures_02_glass_40.png) |
563 color:#FFFFFF; |
595 repeat-x scroll 0 50%; |
|
596 border: 1px solid #4bd94b; |
|
597 color: #FFFFFF; |
564 font-weight: bolder; |
598 font-weight: bolder; |
565 width: 30px |
599 width: 30px |
|
600 } |
|
601 |
|
602 .Console { |
|
603 height: 95%; |
|
604 border: 2px solid #FAC82F; |
566 } |
605 } |
567 |
606 |
568 /* |
607 /* |
569 Console UI |
608 Console UI |
570 */ |
609 */ |
571 #preview-ui-top{ |
610 #preview-ui-top { |
572 overflow:auto; |
611 overflow: auto; |
573 } |
612 } |
574 |
613 |
575 #preview-ui-bottom{ |
614 #preview-ui-bottom { |
576 overflow:hidden; |
615 overflow: hidden; |
577 display: none; |
616 display: none; |
578 } |
617 } |
579 #preview-ui-bottom-header{ |
618 |
|
619 #preview-ui-bottom-header { |
580 background-color: #aeaeae; |
620 background-color: #aeaeae; |
581 background-image: url(../images/console-icon.png); |
621 background-image: url(../images/console-icon.png); |
582 background-repeat: repeat-x; |
622 background-repeat: repeat-x; |
583 background-position: 0px -28px; |
623 background-position: 0px -28px; |
584 } |
624 } |
585 span#Console-Toggle-Button{ |
625 |
|
626 span#Console-Toggle-Button { |
586 height: 9px; |
627 height: 9px; |
587 width: 15px; |
628 width: 15px; |
588 float: right; |
629 float: right; |
589 background-repeat: no-repeat; |
630 background-repeat: no-repeat; |
590 margin : 12px 8px 0px 0px; |
631 margin: 12px 8px 0px 0px; |
591 cursor: hand; |
632 cursor: hand; |
592 } |
633 } |
593 |
634 |
594 span#Console-Toggle-Button.open{ |
635 span#Console-Toggle-Button.open { |
595 background-position: 0px 0px; |
636 background-position: 0px 0px; |
596 background-image: url(../images/console-close-icon.png); |
637 background-image: url(../images/console-close-icon.png); |
597 } |
638 } |
598 |
639 |
599 span#Console-Toggle-Button.open:hover{ |
640 span#Console-Toggle-Button.open:hover { |
600 background-position: 0px -9px; |
641 background-position: 0px -9px; |
601 } |
642 } |
602 |
643 |
603 span#Console-Toggle-Button.open:active{ |
644 span#Console-Toggle-Button.open:active { |
604 background-position: 0px -18px; |
645 background-position: 0px -18px; |
605 } |
646 } |
606 |
647 |
607 |
648 span#Console-Toggle-Button.close { |
608 span#Console-Toggle-Button.close{ |
|
609 background-position: 0px 0px; |
649 background-position: 0px 0px; |
610 background-image: url(../images/console-open-icon.png); |
650 background-image: url(../images/console-open-icon.png); |
611 } |
651 } |
612 |
652 |
613 span#Console-Toggle-Button.close:hover{ |
653 span#Console-Toggle-Button.close:hover { |
614 background-position: 0px -9px; |
654 background-position: 0px -9px; |
615 } |
655 } |
616 |
656 |
617 span#Console-Toggle-Button.close:active{ |
657 span#Console-Toggle-Button.close:active { |
618 background-position: 0px -18px; |
658 background-position: 0px -18px; |
619 } |
659 } |
620 |
660 |
621 |
661 span#Console-Clear-Button { |
622 span#Console-Clear-Button{ |
|
623 height: 17px; |
662 height: 17px; |
624 width: 39px; |
663 width: 39px; |
625 float: right; |
664 float: right; |
626 background-image: url(../images/console-clear-button.png); |
665 background-image: url(../images/console-clear-button.png); |
627 background-repeat: no-repeat; |
666 background-repeat: no-repeat; |
628 margin : 10px 10px 0px 0px; |
667 margin: 0px 0px 0px 10px; |
629 cursor: hand; |
668 cursor: hand; |
630 } |
669 } |
631 span#Console-Clear-Button:hover{ |
670 |
|
671 span#Console-Clear-Button:hover { |
632 background-position: -0px -17px; |
672 background-position: -0px -17px; |
633 } |
673 } |
634 |
674 |
635 #preview-ui-bottom-body{ |
675 #preview-ui-bottom-body { |
636 overflow:auto; |
676 overflow: auto; |
637 background-color: white; |
677 background-color: #F2EDDE; |
638 color: black; |
678 color: black; |
639 /* display: none;*/ |
679 /* display: none;*/ |
640 } |
680 } |
641 |
681 |
642 #preview-ui-bottom-body p{ |
682 #preview-ui-bottom-body p { |
643 font-family: "Courier New", Courier, monospace; |
683 font-family: "Courier New", Courier, monospace; |
644 font-size: 11px; |
684 font-size: 11px; |
645 padding: 2px 5px; |
685 padding: 2px 5px; |
646 border-bottom: 1px solid silver; |
686 border-bottom: 1px solid silver; |
647 margin: 0px; |
687 margin: 0px; |
648 } |
688 } |
649 |
689 |
650 #preview-ui-bottom-body p.log{ |
690 #preview-ui-bottom-body p.log { |
651 |
691 |
652 } |
692 } |
653 |
693 |
654 #preview-ui-bottom-body p.info{ |
694 #preview-ui-bottom-body p#hint { |
|
695 color: gray; |
|
696 } |
|
697 |
|
698 #preview-ui-bottom-body p.info { |
655 background-image: url(../images/infoIcon.gif); |
699 background-image: url(../images/infoIcon.gif); |
656 background-repeat: no-repeat; |
700 background-repeat: no-repeat; |
657 background-position: 5px center; |
701 background-position: 5px center; |
658 padding-left: 26px; |
702 padding-left: 26px; |
659 } |
703 } |
660 #preview-ui-bottom-body p.warn{ |
704 |
|
705 #preview-ui-bottom-body p.warn { |
661 background: #00ffff url(../images/warningIcon.gif); |
706 background: #00ffff url(../images/warningIcon.gif); |
662 background-repeat: no-repeat; |
707 background-repeat: no-repeat; |
663 background-position: 5px center; |
708 background-position: 5px center; |
664 padding-left: 26px; |
709 padding-left: 26px; |
665 } |
710 } |
666 #preview-ui-bottom-body p.error{ |
711 |
|
712 #preview-ui-bottom-body p.error { |
667 background: #ffffe0 url(../images/errorIcon.gif); |
713 background: #ffffe0 url(../images/errorIcon.gif); |
668 background-repeat: no-repeat; |
714 background-repeat: no-repeat; |
669 background-position: 5px center; |
715 background-position: 5px center; |
670 padding-left: 26px; |
716 padding-left: 26px; |
671 color: #ff0000; |
717 color: #ff0000; |
672 } |
718 } |
673 |
719 |
674 |
720 #preview-ui-bottom-header div { |
675 #preview-ui-bottom-header div{ |
|
676 float: left; |
721 float: left; |
677 margin: 9px; |
722 margin: 9px; |
678 color: #ffffff; |
723 color: #ffffff; |
679 font-size: 11px; |
724 font-size: 11px; |
680 font-weight: bolder; |
725 font-weight: bolder; |
681 font-family: "Arial"; |
726 font-family: "Arial"; |
682 } |
727 } |
683 |
728 |
684 |
729 span#wrt-help { |
685 span#wrt-help{ |
|
686 height: 28px; |
730 height: 28px; |
687 width: 28px; |
731 width: 28px; |
688 float: right; |
732 float: right; |
689 background-repeat: no-repeat; |
733 background-repeat: no-repeat; |
690 background-image: url(../images/wrt-help-icon.gif); |
734 background-image: url(../images/wrt-help-icon.gif); |
691 } |
735 } |
692 |
736 |
693 span#wrt-help:hover{ |
737 span#wrt-help:hover { |
694 background-position: -28px 0px; |
738 background-position: -28px 0px; |
695 } |
739 } |
696 |
740 |
697 #camera { |
741 #camera { |
698 position : relative; |
742 position: relative; |
699 top: 30%; |
743 top: 30%; |
700 height: 100%; |
744 height: 100%; |
701 text-align: center; |
745 text-align: center; |
702 vertical-align: middle; |
746 vertical-align: middle; |
703 } |
747 } |
704 |
748 |
705 #accel-data { |
749 #accel-data { |
706 float: left; |
750 float: left; |
707 margin-top: 15px; |
751 margin-top: 15px; |
708 } |
752 } |
709 |
753 |
710 #phoneposition { |
754 #phoneposition { |
711 float:left |
755 float: left |
712 } |
756 } |
713 |
757 |
714 #accel-data div { |
758 #accel-data div { |
715 margin-top: 10px; |
759 margin-top: 10px; |
716 } |
760 } |
717 |
761 |
718 #accel-sliders { |
762 #accel-sliders { |
719 position: relative; |
763 position: relative; |
720 left: 0; |
764 left: 0; |
721 width: 100%; |
765 width: 100%; |
722 top: 130px |
766 top: 130px |
723 } |
767 } |
724 |
768 |
725 input.axis-entry { |
769 input.axis-entry { |
726 margin-bottom: 5px; |
770 margin-bottom: 5px; |
727 margin-top: 5px; |
771 margin-top: 5px; |