1 * { |
|
2 nav-index: none; |
|
3 } |
|
4 /* Hide western triggers. Only class="arabic" are shown */ |
|
5 trigger.western { |
|
6 display: none; |
|
7 } |
|
8 |
|
9 view { /* main_idle_act2_pane */ |
|
10 display: block; |
|
11 position: static; |
|
12 width: 100%; |
|
13 height: 100%; |
|
14 direction: rtl; |
|
15 block-progression: lr; |
|
16 background-image: wallpaper; |
|
17 } |
|
18 |
|
19 menuitem#SK2{ |
|
20 _s60-longtap: true; |
|
21 } |
|
22 /************************************** |
|
23 NAVI BAR |
|
24 ***************************************/ |
|
25 |
|
26 box#pluginIconArea { /* popup_ai2_link_window */ |
|
27 display: block; |
|
28 visibility: visible; |
|
29 position: absolute; |
|
30 width: 7.25u; |
|
31 height: 28.75u; |
|
32 right: 1.0u; |
|
33 top: 1.5u; |
|
34 padding-left: 0.85u; |
|
35 padding-right: 0.65u; |
|
36 padding-top: 1.00u; |
|
37 padding-bottom: 1.00u; |
|
38 block-progression: tb; |
|
39 direction: ltr; |
|
40 background-color:"SKIN(268458534 8448)"; |
|
41 z-index: 1; |
|
42 } |
|
43 |
|
44 |
|
45 image.pluginAreaIcon { /* grid_ai2_link_window_g1 */ |
|
46 display: block; |
|
47 visibility: visible; |
|
48 position: static; |
|
49 width: 5.75u; |
|
50 /*height: 20%;*/ /* with NewsTicker */ |
|
51 height: 5.75u; |
|
52 margin-left: 0.75u; |
|
53 margin-right: 0.75u; |
|
54 block-progression: tb; |
|
55 z-index: 1; |
|
56 } |
|
57 |
|
58 image.pluginAreaIcon:focus { |
|
59 background-image: "SKIN(268458534 24576)"; |
|
60 background-color: "SKIN(268458534 5136)"; |
|
61 } |
|
62 |
|
63 image#shortcutPluginIcon { |
|
64 nav-index: 1; |
|
65 /* Block with flag '__NEWSTICKER' skipped. */ |
|
66 } |
|
67 image#organizerPluginIcon { |
|
68 nav-index: 2; |
|
69 } |
|
70 image#musicPlayerPluginIcon { |
|
71 nav-index: 3; |
|
72 } |
|
73 image#radioPluginIcon { |
|
74 nav-index: 4; |
|
75 } |
|
76 image#personalizationPluginIcon { |
|
77 nav-index: 5; |
|
78 /* Block with flag '__NEWSTICKER' skipped. */ |
|
79 } |
|
80 |
|
81 /************************************** |
|
82 SAT AREA |
|
83 ***************************************/ |
|
84 |
|
85 box#SATPluginContainer { |
|
86 display: block; |
|
87 visibility: visible; |
|
88 position: absolute; |
|
89 left: auto; |
|
90 margin-left: 1.0u; |
|
91 /* left: 100%; */ |
|
92 /* right: 9.75u; */ |
|
93 margin-right: 9.75u; |
|
94 top: 1.0u; |
|
95 width: auto; |
|
96 height: 4.0u; |
|
97 background-image: auto; |
|
98 direction: rtl; |
|
99 block-progression: rl; |
|
100 } |
|
101 |
|
102 text.satText { |
|
103 display: block; |
|
104 visibility: visible; |
|
105 position: static; |
|
106 width: auto; |
|
107 height: 4.0u; |
|
108 left: auto; |
|
109 margin-left: 1.0u; |
|
110 font-family: EAknLogicalFontSecondaryFont; |
|
111 font-size: 3.5u; /* TODO: check */ |
|
112 text-align: left; |
|
113 /*color: auto;*/ |
|
114 color: "SKIN(268458534 13056 19)"; |
|
115 } |
|
116 |
|
117 image.satIcon { |
|
118 display: block; |
|
119 visibility: visible; |
|
120 position: static; |
|
121 top: 0.25u; |
|
122 /*left: auto;*/ |
|
123 right: auto; |
|
124 /*margin-left: 1.0u;*/ |
|
125 width: 3.5u; |
|
126 height: 3.5u; |
|
127 } |
|
128 |
|
129 /************************************** |
|
130 PLUGIN AREA |
|
131 ***************************************/ |
|
132 |
|
133 box#pluginContainerArea { /* popup_ai2_data_window */ |
|
134 display: block; |
|
135 visibility: visible; |
|
136 position: absolute; |
|
137 width: auto; |
|
138 height: auto; |
|
139 left: 4.5u; |
|
140 right: 4.5u; |
|
141 top: 1.5u; |
|
142 margin-left: 1.0u; |
|
143 margin-right: 1.80u; |
|
144 margin-bottom: 1.5u; |
|
145 /*padding-left: |
|
146 padding-right:*/ |
|
147 block-progression: lr; |
|
148 direction: ltr; |
|
149 z-index: 0; |
|
150 } |
|
151 |
|
152 |
|
153 /********* |
|
154 GENERAL |
|
155 **********/ |
|
156 |
|
157 box.pluginContainer { /* popup_ai2_data_window */ |
|
158 display: none; |
|
159 visibility: visible; |
|
160 position: static; |
|
161 width: 100%; |
|
162 height: 100%; |
|
163 block-progression: tb; |
|
164 background-color:"SKIN(268458534 8448)"; |
|
165 z-index: 1; |
|
166 } |
|
167 /* There seems to be a bug in the animation system that doesn't start |
|
168 the animation correctly. This is to go around it. */ |
|
169 |
|
170 box#shortcutPluginAnimationFixButton { |
|
171 display: none; |
|
172 visibility: hidden; |
|
173 width: 0%; |
|
174 height: 0%; |
|
175 } |
|
176 |
|
177 button.fakeButton { |
|
178 display: none; |
|
179 visibility: hidden; |
|
180 width: 0%; |
|
181 height: 0%; |
|
182 } |
|
183 |
|
184 text.titleText{ /* heading_ai2_ gene_pane */ |
|
185 display: block; |
|
186 visibility: visible; |
|
187 position: static; |
|
188 block-progression: lr; |
|
189 width: auto; |
|
190 height: 14.4%; |
|
191 padding-left: 1.2u; |
|
192 padding-right: 1.1u; |
|
193 margin-left: 0.7u; |
|
194 margin-right: 0.9u; |
|
195 padding-bottom: 0.5u; |
|
196 border-bottom-width: thin; |
|
197 border-bottom-style: dotted; |
|
198 border-bottom-color: auto; |
|
199 nav-index: auto; |
|
200 font-family: EAknLogicalFontPrimaryFont; |
|
201 font-size: 4.0u; |
|
202 text-align: right; |
|
203 color: "SKIN(268458534 13056 19)"; |
|
204 } |
|
205 |
|
206 text.titleText:focus{ |
|
207 background-image: "SKIN(268458534 24576)"; |
|
208 background-color: "SKIN(268458534 5120 9)"; |
|
209 color: "SKIN(268458534 13056 9)"; |
|
210 } |
|
211 |
|
212 text.genericButtonText { /* ai2_gene_pane_t1 */ |
|
213 display: block; |
|
214 visibility: visible; |
|
215 position: static; |
|
216 width: auto; |
|
217 height: auto; |
|
218 padding-left: 1.0u; |
|
219 padding-right: 1.0u; |
|
220 margin-right: 0.9u; |
|
221 margin-left: 0.7u; |
|
222 padding-bottom: 0.6u; |
|
223 padding-top: -0.3u; |
|
224 font-family: EAknLogicalFontSecondaryFont; |
|
225 font-size: 3.5u; |
|
226 color: "SKIN(268458534 13056 19)"; |
|
227 nav-index: auto; |
|
228 border-top-width: thin; |
|
229 border-top-style: dotted; |
|
230 border-top-color: auto; |
|
231 text-align: right; |
|
232 } |
|
233 |
|
234 |
|
235 text.genericButtonText:focus{ |
|
236 /*color: EAknsCIQsnTextColorsCG10;*/ |
|
237 color: "SKIN(268458534 13056 9)"; |
|
238 background-image: "SKIN(268458534 24576)"; |
|
239 background-color: "SKIN(268458534 5120 9)"; |
|
240 } |
|
241 |
|
242 |
|
243 /************************ |
|
244 SHORTCUT PLUGIN AREA |
|
245 *************************/ |
|
246 |
|
247 image#shortcutPluginIcon { _s60-initial-focus: 1; } |
|
248 |
|
249 |
|
250 /************************ |
|
251 CALENDAR PLUGIN AREA |
|
252 *************************/ |
|
253 box#organizerPluginContainer { /* popup_ai2_data_window */ |
|
254 display: none; |
|
255 visibility: visible; |
|
256 position: static; |
|
257 width: 100%; |
|
258 height: 100%; |
|
259 block-progression: tb; |
|
260 background-color:"SKIN(268458534 8448)"; |
|
261 z-index: 1; |
|
262 } |
|
263 /* Organiser items are buttons because they contain 1-2 textelements |
|
264 and an image element */ |
|
265 button.organizerButton { /* ai2_gene_pane */ |
|
266 display: none; |
|
267 visibility: visible; |
|
268 position: static; |
|
269 width: auto; |
|
270 height: 13.5%; |
|
271 margin-left: 0.75u; |
|
272 margin-right: 0.75u; |
|
273 nav-index: auto; |
|
274 border-top-width: 0.5%; |
|
275 border-top-style: dotted; |
|
276 border-top-color: auto; |
|
277 } |
|
278 |
|
279 button.organizerButtonLastPosition { /* ai2_gene_pane */ |
|
280 display: block; |
|
281 visibility: visible; |
|
282 position: static; |
|
283 width: auto; |
|
284 height: 12.5%; |
|
285 margin-left: 0.75u; |
|
286 margin-right: 0.75u; |
|
287 margin-bottom: 0.65u; |
|
288 nav-index: auto; |
|
289 border-top-width: 0.5%; |
|
290 border-top-style: dotted; |
|
291 border-top-color: auto; |
|
292 } |
|
293 |
|
294 button.organizerButton:focus { |
|
295 background-image: "SKIN(268458534 24576)"; |
|
296 background-color: "SKIN(268458534 5120 9)"; |
|
297 } |
|
298 |
|
299 button.organizerButtonLastPosition:focus { |
|
300 background-image: "SKIN(268458534 24576)"; |
|
301 background-color: "SKIN(268458534 5120 9)"; |
|
302 } |
|
303 |
|
304 |
|
305 button#eventButton4 { display: none; nav-index: none; } |
|
306 button#eventButton5 { display: none; nav-index: none; } |
|
307 button#eventButton6 { display: none; nav-index: none; } |
|
308 |
|
309 image.eventIcon { /* ai2_gene_pane_g2 */ |
|
310 display: block; |
|
311 visibility: visible; |
|
312 position: absolute; |
|
313 top: 0.75u; |
|
314 right: 5.25u; |
|
315 left: 100%; |
|
316 width: 4.0u; |
|
317 height: 4.0u; |
|
318 } |
|
319 |
|
320 text.eventText1 { /* ai2_gene_pane_t1 */ |
|
321 display: block; |
|
322 visibility: visible; |
|
323 position: absolute; |
|
324 width: auto; |
|
325 height: 4.0u; |
|
326 left: 5.5u; |
|
327 right: 3.0u; |
|
328 /*top: 0.75u;*/ |
|
329 top: 6%; |
|
330 font-family: EAknLogicalFontSecondaryFont; |
|
331 font-size: 3.5u; |
|
332 /*color: auto;*/ |
|
333 color: "SKIN(268458534 13056 19)"; |
|
334 text-align: right; |
|
335 |
|
336 } |
|
337 |
|
338 |
|
339 text.eventText2 { /* ai2_gene_pane_t1 */ |
|
340 display: block; |
|
341 visibility: visible; |
|
342 position: absolute; |
|
343 width: auto; |
|
344 height: 4.0u; |
|
345 /*top: 4.5u; */ |
|
346 top: auto; |
|
347 bottom: 6%; |
|
348 left: 5.5u; |
|
349 right: 3.0u; |
|
350 font-family: EAknLogicalFontSecondaryFont; |
|
351 font-size: 3.5u; |
|
352 /*color: auto;*/ |
|
353 color: "SKIN(268458534 13056 19)"; |
|
354 text-align: right; |
|
355 } |
|
356 |
|
357 /********************* |
|
358 PLAYER PLUGIN AREA |
|
359 **********************/ |
|
360 |
|
361 box#volumeIndicator { /* ai2_mp_volume_pane */ |
|
362 display: none; |
|
363 visibility: visible; |
|
364 position: absolute; |
|
365 block-progression: rl; |
|
366 top: 15.5%; |
|
367 width: auto; |
|
368 height: 14%; |
|
369 margin-left: 0.75u; |
|
370 margin-right: 0.75u; |
|
371 /*left: auto;*/ |
|
372 /*padding-left: 30%;*/ |
|
373 border-top-width: 0.5%; |
|
374 border-top-style: dotted; |
|
375 border-top-color: auto; |
|
376 nav-index: auto; |
|
377 } |
|
378 |
|
379 |
|
380 box#volumeIndicator:focus { |
|
381 background-image: "SKIN(268458534 24576)"; |
|
382 background-color: "SKIN(268458534 5120 9)"; |
|
383 } |
|
384 |
|
385 |
|
386 |
|
387 image#musicPlayerVolumeDownIcon { |
|
388 display: none; |
|
389 visibility: visible; |
|
390 position: absolute; |
|
391 left: 100%; |
|
392 right: 31.5u; |
|
393 width: 1.0u; |
|
394 height: 4.0u; |
|
395 margin-top: auto; |
|
396 margin-bottom: auto; |
|
397 } |
|
398 image#musicPlayerVolumeDownIconHighlight { |
|
399 display: none; |
|
400 visibility: hidden; |
|
401 position: absolute; |
|
402 left: 100%; |
|
403 right: 31.5u; |
|
404 width: 1.0u; |
|
405 height: 4.0u; |
|
406 margin-top: auto; |
|
407 margin-bottom: auto; |
|
408 } |
|
409 |
|
410 |
|
411 |
|
412 image#musicPlayerSpeakerIcon { |
|
413 display: block; |
|
414 visibility: visible; |
|
415 position: absolute; |
|
416 left: 100%; |
|
417 right: 28.5u; |
|
418 width: 4u; |
|
419 height: 4u; |
|
420 margin-top: auto; |
|
421 margin-bottom: auto; |
|
422 } |
|
423 image#musicPlayerSpeakerIconHighlight { |
|
424 display: block; |
|
425 visibility: hidden; |
|
426 position: absolute; |
|
427 left: 100%; |
|
428 right: 28.5u; |
|
429 width: 4u; |
|
430 height: 4u; |
|
431 margin-top: auto; |
|
432 margin-bottom: auto; |
|
433 } |
|
434 |
|
435 image#musicPlayerSpeakerMutedIcon { |
|
436 display: none; |
|
437 visibility: visible; |
|
438 position: absolute; |
|
439 left: 100%; |
|
440 right: 28.5u; |
|
441 width: 4u; |
|
442 height: 4u; |
|
443 margin-top: auto; |
|
444 margin-bottom: auto; |
|
445 } |
|
446 image#musicPlayerSpeakerMutedIconHighlight { |
|
447 display: none; |
|
448 visibility: hidden; |
|
449 position: absolute; |
|
450 left: 100%; |
|
451 right: 28.5u; |
|
452 width: 4u; |
|
453 height: 4u; |
|
454 margin-top: auto; |
|
455 margin-bottom: auto; |
|
456 } |
|
457 |
|
458 /* |
|
459 image#musicPlayerVolumeIcon { |
|
460 display: block; |
|
461 visibility: visible; |
|
462 position: absolute; |
|
463 left: 100%; |
|
464 right: 23.5u; |
|
465 width: 20.0u; |
|
466 height: 4.0u; |
|
467 margin-top: auto; |
|
468 margin-bottom: auto; |
|
469 } |
|
470 */ |
|
471 |
|
472 volumecontrol#musicPlayerVolumeIcon { |
|
473 display: block; |
|
474 visibility: visible; |
|
475 position: absolute; |
|
476 left: 100%; |
|
477 right: 23.5u; |
|
478 width: 20.0u; |
|
479 height: 4.0u; |
|
480 margin-top: auto; |
|
481 margin-bottom: auto; |
|
482 focusable: true; |
|
483 direction: ltr; |
|
484 block-progression: lr; |
|
485 } |
|
486 |
|
487 |
|
488 slider { |
|
489 focusable: false; |
|
490 value: 5; |
|
491 minrange: 0; |
|
492 maxrange: 10; |
|
493 z-index: 0; |
|
494 } |
|
495 |
|
496 image#musicPlayerVolumeUpIcon { |
|
497 display: none; |
|
498 visibility: visible; |
|
499 position: absolute; |
|
500 left: 100%; |
|
501 right: 2.5u; |
|
502 width: 1.0u; |
|
503 height: 4.0u; |
|
504 margin-top: auto; |
|
505 margin-bottom: auto; |
|
506 } |
|
507 |
|
508 image#musicPlayerVolumeUpIconHighlight { |
|
509 display: none; |
|
510 visibility: hidden; |
|
511 position: absolute; |
|
512 left: 100%; |
|
513 right: 2.5u; |
|
514 width: 1.0u; |
|
515 height: 4.0u; |
|
516 margin-top: auto; |
|
517 margin-bottom: auto; |
|
518 } |
|
519 |
|
520 /*image#musicPlayerInactiveVolumeUpIcon { |
|
521 display: none; |
|
522 visibility: visible; |
|
523 position: absolute; |
|
524 left: 100%; |
|
525 right: 2.5u; |
|
526 width: 1.0u; |
|
527 height: 4.0u; |
|
528 margin-top: auto; |
|
529 margin-bottom: auto; |
|
530 }*/ |
|
531 |
|
532 |
|
533 /* Replaces volume control and playback info when player is inactive */ |
|
534 box#playerInActive { |
|
535 display: block; |
|
536 visibility: visible; |
|
537 position: static; |
|
538 width: auto; |
|
539 height: auto; |
|
540 margin-left: 0.75u; |
|
541 margin-right: 0.75u; |
|
542 border-top-width: 0.5%; |
|
543 border-top-style: dotted; |
|
544 border-top-color: auto; |
|
545 nav-index: auto; |
|
546 } |
|
547 |
|
548 |
|
549 text#musicPlayerInActive { |
|
550 display: block; |
|
551 visibility: visible; |
|
552 position: static; |
|
553 text-align: center; |
|
554 margin-top: auto; |
|
555 margin-bottom: 45.0%; |
|
556 font-family: EAknLogicalFontSecondaryFont; |
|
557 font-size: 3.5u; |
|
558 /*color: auto; */ |
|
559 color: "SKIN(268458534 13056 19)"; |
|
560 } |
|
561 |
|
562 |
|
563 box#infoArea { |
|
564 display: none; |
|
565 visibility: visible; |
|
566 position: absolute; |
|
567 width: auto; |
|
568 height: auto; |
|
569 top: 29.5%; |
|
570 margin-left: 1.1u; |
|
571 margin-right: 1.1u; |
|
572 border-top-width: 0.4%; |
|
573 border-top-style: dotted; |
|
574 border-top-color: auto; |
|
575 } |
|
576 |
|
577 /* A box around the artist and track name */ |
|
578 /* the idea here is to display max 6 rows (max-line-amount). */ |
|
579 /* The track has higher display-prio so it will be displayed first. */ |
|
580 /* The track will get all the lines (max 6) it needs in order to display its name */ |
|
581 /* Whats left of the 6 lines from track name will be used for artist */ |
|
582 box#trackAndArtist{ |
|
583 display: block; |
|
584 visibility: visible; |
|
585 position: absolute; |
|
586 width: auto; |
|
587 /* For landscape orientation. This way we get the */ |
|
588 /* last line out of sight */ |
|
589 height: 100%; |
|
590 margin-bottom: 10.5u; |
|
591 } |
|
592 |
|
593 box#artistLine { |
|
594 display: block; |
|
595 visibility: visible; |
|
596 position: static; |
|
597 height: adaptive; |
|
598 _s60-display-priority: 11; |
|
599 } |
|
600 |
|
601 |
|
602 box#trackLine { |
|
603 display: block; |
|
604 visibility: visible; |
|
605 position: static; |
|
606 height: adaptive; |
|
607 _s60-display-priority: 10; |
|
608 } |
|
609 |
|
610 |
|
611 box#durationLine { |
|
612 display: block; |
|
613 visibility: visible; |
|
614 position: static; |
|
615 height: 4.0u; |
|
616 margin-top: auto; |
|
617 margin-bottom: 2.0u; |
|
618 } |
|
619 |
|
620 |
|
621 image.playerStatusIcon { |
|
622 display: block; |
|
623 visibility: visible; |
|
624 position: absolute; |
|
625 width: 3.5u; |
|
626 height: 3.5u; |
|
627 left: 100%; |
|
628 right: 4.3u; |
|
629 top: 1.0u; |
|
630 } |
|
631 |
|
632 text#time{ |
|
633 display: block; |
|
634 visibility: visible; |
|
635 position: absolute; |
|
636 width: 100%; |
|
637 height: 4.0u; |
|
638 left: 1.75u; |
|
639 right: 7.75u; |
|
640 top: 0.25u; |
|
641 font-family: EAknLogicalFontSecondaryFont; |
|
642 font-size: 3.5u; |
|
643 /*color: auto;*/ |
|
644 color: "SKIN(268458534 13056 19)"; |
|
645 margin-left: 1.0u; |
|
646 margin-right: 1.0u; |
|
647 margin-top: 0.25u; |
|
648 text-align: right; |
|
649 } |
|
650 |
|
651 text.playerTextLine { |
|
652 display: block; |
|
653 visibility: visible; |
|
654 position: static; |
|
655 width: 100%; |
|
656 margin-left: 3.5u; |
|
657 height: adaptive; |
|
658 margin-left: 1.0u; |
|
659 margin-right: 1.5u; |
|
660 margin-top: 0.25u; |
|
661 font-family: EAknLogicalFontSecondaryFont; |
|
662 font-size: 3.5u; |
|
663 /*color: auto;*/ |
|
664 color: "SKIN(268458534 13056 19)"; |
|
665 text-overflow-mode: wrap; |
|
666 max-line-amount: 6; |
|
667 text-align: right; |
|
668 } |
|
669 |
|
670 |
|
671 /********************* |
|
672 VISUAL/INTERNET RADIO PLUGIN AREA |
|
673 **********************/ |
|
674 |
|
675 button.radioTitleButton { /* heading_ai2_ gene_pane */ |
|
676 display: block; |
|
677 visibility: visible; |
|
678 position: static; |
|
679 block-progression: lr; |
|
680 width: auto; |
|
681 height: 14.4%; |
|
682 padding-left: 1.2u; |
|
683 padding-right: 1.1u; |
|
684 margin-left: 0.7u; |
|
685 margin-right: 0.9u; |
|
686 padding-bottom: 0.5u; |
|
687 border-bottom-width: thin; |
|
688 border-bottom-style: dotted; |
|
689 border-bottom-color: auto; |
|
690 nav-index: auto; |
|
691 } |
|
692 |
|
693 button.radioTitleButton:focus { |
|
694 background-image: "SKIN(268458534 24576)"; |
|
695 background-color: "SKIN(268458534 5120 9)"; |
|
696 } |
|
697 |
|
698 text.radioTitleText { /* heading_ai2_gene_pane_t1 */ |
|
699 display: block; |
|
700 visibility: visible; |
|
701 position: static; |
|
702 width: auto; |
|
703 height: auto; |
|
704 font-family: EAknLogicalFontPrimaryFont; |
|
705 font-size: 4.0u; |
|
706 color: "SKIN(268458534 13056 19)"; |
|
707 text-align: right; |
|
708 } |
|
709 |
|
710 /* Invisible icon that is used to switch correct layout */ |
|
711 image.invisibleRadioTitleIcon { |
|
712 display: none; |
|
713 visibility: visible; |
|
714 position: absolute; |
|
715 left: 100%; |
|
716 right: 4.25u; |
|
717 top: 0.25u; |
|
718 width: 4.0u; |
|
719 height: 4.0u; |
|
720 } |
|
721 |
|
722 box#radioVolumeIndicator { |
|
723 display: none; |
|
724 visibility: visible; |
|
725 position: absolute; |
|
726 block-progression: rl; |
|
727 top: 15.5%; |
|
728 width: auto; |
|
729 height: 14%; |
|
730 margin-left: 0.75u; |
|
731 margin-right: 0.75u; |
|
732 /*left: auto;*/ |
|
733 /*padding-left: 30%;*/ |
|
734 border-top-width: 0.5%; |
|
735 border-top-style: dotted; |
|
736 border-top-color: auto; |
|
737 nav-index: auto; |
|
738 } |
|
739 |
|
740 |
|
741 box#radioVolumeIndicator:focus { |
|
742 background-image: "SKIN(268458534 24576)"; |
|
743 background-color: "SKIN(268458534 5120 9)"; |
|
744 } |
|
745 |
|
746 |
|
747 |
|
748 image#radioVolumeDownIcon { |
|
749 display: none; |
|
750 visibility: visible; |
|
751 position: absolute; |
|
752 left: 100%; |
|
753 right: 31.5u; |
|
754 width: 1.0u; |
|
755 height: 4.0u; |
|
756 margin-top: auto; |
|
757 margin-bottom: auto; |
|
758 } |
|
759 image#radioVolumeDownIconHighlight { |
|
760 display: none; |
|
761 visibility: hidden; |
|
762 position: absolute; |
|
763 left: 100%; |
|
764 right: 31.5u; |
|
765 width: 1.0u; |
|
766 height: 4.0u; |
|
767 margin-top: auto; |
|
768 margin-bottom: auto; |
|
769 } |
|
770 |
|
771 |
|
772 |
|
773 image#radioSpeakerIcon { |
|
774 display: block; |
|
775 visibility: visible; |
|
776 position: absolute; |
|
777 left: 100%; |
|
778 right: 28.5u; |
|
779 width: 4u; |
|
780 height: 4u; |
|
781 margin-top: auto; |
|
782 margin-bottom: auto; |
|
783 } |
|
784 image#radioSpeakerIconHighlight { |
|
785 display: block; |
|
786 visibility: hidden; |
|
787 position: absolute; |
|
788 left: 100%; |
|
789 right: 28.5u; |
|
790 width: 4u; |
|
791 height: 4u; |
|
792 margin-top: auto; |
|
793 margin-bottom: auto; |
|
794 } |
|
795 |
|
796 image#radioSpeakerMutedIcon { |
|
797 display: none; |
|
798 visibility: visible; |
|
799 position: absolute; |
|
800 left: 100%; |
|
801 right: 28.5u; |
|
802 width: 4u; |
|
803 height: 4u; |
|
804 margin-top: auto; |
|
805 margin-bottom: auto; |
|
806 } |
|
807 image#radioSpeakerMutedIconHighlight { |
|
808 display: none; |
|
809 visibility: hidden; |
|
810 position: absolute; |
|
811 left: 100%; |
|
812 right: 28.5u; |
|
813 width: 4u; |
|
814 height: 4u; |
|
815 margin-top: auto; |
|
816 margin-bottom: auto; |
|
817 } |
|
818 |
|
819 |
|
820 volumecontrol#radioVolumeIcon { |
|
821 display: block; |
|
822 visibility: visible; |
|
823 position: absolute; |
|
824 left: 100%; |
|
825 right: 23.5u; |
|
826 width: 20.0u; |
|
827 height: 4.0u; |
|
828 margin-top: auto; |
|
829 margin-bottom: auto; |
|
830 focusable: true; |
|
831 direction: ltr; |
|
832 block-progression: lr; |
|
833 } |
|
834 |
|
835 |
|
836 slider#radioSlider { |
|
837 focusable: false; |
|
838 value: 5; |
|
839 minrange: 0; |
|
840 maxrange: 10; |
|
841 z-index: 0; |
|
842 } |
|
843 |
|
844 image#radioVolumeUpIcon { |
|
845 display: none; |
|
846 visibility: visible; |
|
847 position: absolute; |
|
848 left: 100%; |
|
849 right: 2.5u; |
|
850 width: 1.0u; |
|
851 height: 4.0u; |
|
852 margin-top: auto; |
|
853 margin-bottom: auto; |
|
854 } |
|
855 |
|
856 image#radioVolumeUpIconHighlight { |
|
857 display: none; |
|
858 visibility: hidden; |
|
859 position: absolute; |
|
860 left: 100%; |
|
861 right: 2.5u; |
|
862 width: 1.0u; |
|
863 height: 4.0u; |
|
864 margin-top: auto; |
|
865 margin-bottom: auto; |
|
866 } |
|
867 |
|
868 |
|
869 |
|
870 /* Replaces volume control and playback info when radio is inactive */ |
|
871 box#radioInactive { |
|
872 display: block; |
|
873 visibility: visible; |
|
874 position: static; |
|
875 width: auto; |
|
876 height: auto; |
|
877 margin-left: 0.75u; |
|
878 margin-right: 0.75u; |
|
879 border-top-width: 0.5%; |
|
880 border-top-style: dotted; |
|
881 border-top-color: auto; |
|
882 nav-index: auto; |
|
883 } |
|
884 |
|
885 |
|
886 text#radioInactiveText { |
|
887 display: block; |
|
888 visibility: visible; |
|
889 position: static; |
|
890 text-align: center; |
|
891 margin-top: auto; |
|
892 margin-bottom: 45.0%; |
|
893 font-family: EAknLogicalFontSecondaryFont; |
|
894 font-size: 3.5u; |
|
895 color: "SKIN(268458534 13056 19)"; |
|
896 } |
|
897 |
|
898 |
|
899 box#visualRadioInfoArea { |
|
900 display: none; |
|
901 visibility: visible; |
|
902 position: absolute; |
|
903 width: auto; |
|
904 height: auto; |
|
905 top: 29.5%; |
|
906 margin-left: 1.1u; |
|
907 margin-right: 1.1u; |
|
908 border-top-width: 0.4%; |
|
909 border-top-style: dotted; |
|
910 border-top-color: auto; |
|
911 } |
|
912 |
|
913 |
|
914 box#visualRadioNameLine { |
|
915 display: block; |
|
916 visibility: visible; |
|
917 position: static; |
|
918 height: 4.5u; |
|
919 margin-top: 0.25u; |
|
920 block-progression: lr; |
|
921 } |
|
922 |
|
923 |
|
924 box#visualRadioLocationLine { |
|
925 display: block; |
|
926 visibility: visible; |
|
927 position: static; |
|
928 height: 4.5u; |
|
929 margin-top: 0.25u; |
|
930 } |
|
931 |
|
932 |
|
933 box#visualRadioFrequencyLine { |
|
934 display: block; |
|
935 visibility: visible; |
|
936 position: static; |
|
937 height: 4.5u; |
|
938 margin-top: 0.25u; |
|
939 margin-bottom: auto; |
|
940 } |
|
941 |
|
942 |
|
943 text#visualRadioNumberTextLine { |
|
944 width: 4.0u; |
|
945 height: 4.0u; |
|
946 left: 100%; |
|
947 right: 6.75u; |
|
948 top: 0.25u; |
|
949 font-weight: bold; |
|
950 text-align: left; |
|
951 } |
|
952 |
|
953 |
|
954 text#visualRadioNameTextLine { |
|
955 font-weight: bold; |
|
956 } |
|
957 |
|
958 |
|
959 text.visualRadioTextLine { |
|
960 display: block; |
|
961 visibility: visible; |
|
962 position: absolute; |
|
963 width: auto; |
|
964 height: 4.0u; |
|
965 left: 9.0u; |
|
966 right: 3.75u; |
|
967 top: 0.25u; |
|
968 font-family: EAknLogicalFontSecondaryFont; |
|
969 font-size: 3.5u; |
|
970 color: "SKIN(268458534 13056 19)"; |
|
971 text-overflow-mode: wrap; |
|
972 max-line-amount: 1; |
|
973 text-align: right; |
|
974 } |
|
975 |
|
976 |
|
977 box#inetRadioInfoArea { |
|
978 display: none; |
|
979 visibility: visible; |
|
980 position: absolute; |
|
981 width: auto; |
|
982 height: auto; |
|
983 top: 29.5%; |
|
984 margin-left: 1.1u; |
|
985 margin-right: 1.1u; |
|
986 border-top-width: 0.4%; |
|
987 border-top-style: dotted; |
|
988 border-top-color: auto; |
|
989 } |
|
990 |
|
991 |
|
992 box#inetRadioPresetLine { |
|
993 display: block; |
|
994 visibility: visible; |
|
995 position: static; |
|
996 height: 4.5u; |
|
997 margin-top: 2.0u; |
|
998 } |
|
999 |
|
1000 |
|
1001 box#inetRadioArtistLine { |
|
1002 display: block; |
|
1003 visibility: visible; |
|
1004 position: static; |
|
1005 height: 4.5u; |
|
1006 } |
|
1007 |
|
1008 |
|
1009 box#inetRadioTrackLine { |
|
1010 display: block; |
|
1011 visibility: visible; |
|
1012 position: static; |
|
1013 height: 4.5u; |
|
1014 } |
|
1015 |
|
1016 |
|
1017 text.inetRadioTextLine { |
|
1018 display: block; |
|
1019 visibility: visible; |
|
1020 position: absolute; |
|
1021 width: 100%; |
|
1022 height: 4.0u; |
|
1023 left: 1.75u; |
|
1024 right: 2.75u; |
|
1025 top: 0.25u; |
|
1026 font-family: EAknLogicalFontSecondaryFont; |
|
1027 font-size: 3.5u; |
|
1028 color: "SKIN(268458534 13056 19)"; |
|
1029 text-overflow-mode: wrap; |
|
1030 max-line-amount: 1; |
|
1031 text-align: right; |
|
1032 } |
|
1033 |
|
1034 |
|
1035 text#inetRadioPresetTextLine { |
|
1036 font-weight: bold; |
|
1037 } |
|
1038 |
|
1039 |
|
1040 /**************************** |
|
1041 PERSONALIZATION PLUGIN AREA |
|
1042 *****************************/ |
|
1043 |
|
1044 /* Defined in "General" definitions */ |
|
1045 |
|
1046 |
|
1047 /********************************* |
|
1048 WRAPPER BOX FOR SAT & NEWSTICKER |
|
1049 **********************************/ |
|
1050 |
|
1051 box#SATAndNewstickerBox { |
|
1052 display: block; |
|
1053 position: absolute; |
|
1054 width: 100%; |
|
1055 height: 100%; |
|
1056 z-index: 0; |
|
1057 } |
|
1058 |
|
1059 /* Block with flag '__NEWSTICKER' skipped. */ |
|