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