1 |
|
2 /* What's this? */ |
|
3 * { |
|
4 nav-index: none; |
|
5 } |
|
6 |
|
7 /******* |
|
8 VIEW |
|
9 ********/ |
|
10 |
|
11 view { |
|
12 display: block; |
|
13 position: static; |
|
14 width: 100%; |
|
15 height: 100%; |
|
16 direction: ltr; |
|
17 block-progression: tb; |
|
18 background-image: wallpaper; |
|
19 } |
|
20 |
|
21 menuitem#Shortcut_SK2{ |
|
22 _s60-longtap: true; |
|
23 } |
|
24 /************************************** |
|
25 GENERAL DEFINITIONS FOR PLUGIN BOXES |
|
26 ***************************************/ |
|
27 |
|
28 box.pluginContainerBox { /* main_idle_act_pane */ |
|
29 position: static; |
|
30 border-top-width: 0.25u; |
|
31 border-top-style: dotted; /* linestyle of the box */ |
|
32 border-top-color: black; |
|
33 width: auto; |
|
34 nav-index: none; |
|
35 } |
|
36 /* everything else but the NT is inside this box */ |
|
37 box#mainBox{ |
|
38 position: static; |
|
39 width: auto; |
|
40 /* Block with flag '__NEWSTICKER' skipped. */ |
|
41 height: 100%; |
|
42 nav-index: none; |
|
43 } |
|
44 |
|
45 /* settings for the pluginContainerBox during focus */ |
|
46 box.pluginContainerBox:focus { |
|
47 /*background-color: "SKIN(268458534 8448)"; *//* see S60_3_1_Reference_Icons_1.3.doc */ |
|
48 background-color: "SKIN(268458534 5120 9)"; |
|
49 } |
|
50 |
|
51 |
|
52 /************************ |
|
53 SHORTCUT PLUGIN AREA |
|
54 *************************/ |
|
55 |
|
56 /* box where the actual plugin information is shown */ |
|
57 box#shortcutPluginContainer { /* ai_links_pane*/ |
|
58 margin-top: 0.5u; |
|
59 height: 7.5u; |
|
60 padding-left: 2u; |
|
61 padding-right: 2u; |
|
62 padding-top: /*0.7%;*/ 0.5u; |
|
63 |
|
64 block-progression: lr; |
|
65 } |
|
66 |
|
67 |
|
68 button.shortcutButton { /* cell_ai_link_pane */ |
|
69 width: auto; |
|
70 height: 7u; |
|
71 nav-index: auto; |
|
72 } |
|
73 |
|
74 |
|
75 button.shortcutButton:focus { |
|
76 background-image: "SKIN(268458534 24576)"; |
|
77 background-color: "SKIN(268458534 5136)"; |
|
78 } |
|
79 |
|
80 /* What's this ? */ |
|
81 button#shortcutButton1 { |
|
82 _s60-initial-focus: 100; |
|
83 } |
|
84 |
|
85 |
|
86 image.shortcutIcon { |
|
87 width: 7u; |
|
88 height: 7u; |
|
89 margin-left: auto; |
|
90 margin-right: auto; |
|
91 _s60-aspect-ratio: preserve; |
|
92 } |
|
93 |
|
94 |
|
95 /* |
|
96 Border-style ja -width täytyy olla määriteltynä vaikka käytetään skinistä tulevaa LAF:ia (bg-image:auto;). |
|
97 Skini koostuu kahdesta osasta ja border-width määrittää myös skiniborderin. |
|
98 */ |
|
99 tooltip.shortcutTooltip { /* popup_ai_links_title_window */ |
|
100 width: 10.0u; /* any fixed lenghts works here if the owerflow is set to both tooltip and text inside it */ |
|
101 /*height: 4.9u;*/ |
|
102 height: 5.5u; |
|
103 border-style: solid; |
|
104 border-width: 5px; |
|
105 _s60-start-delay: 1000000; |
|
106 _s60-display-time: 1000000; |
|
107 background-color:"SKIN(268458534 8480)"; /* TODO: check */ |
|
108 overflow: visible; |
|
109 } |
|
110 |
|
111 |
|
112 text.shortcutTooltipText { /* popup_ai_links_title_window_t1 */ |
|
113 position: static; |
|
114 font-family: EAknLogicalFontSecondaryFont; |
|
115 font-size: 3.5u; |
|
116 width: 100%; |
|
117 height: 85%; |
|
118 text-align: center; |
|
119 /*color: auto;*/ |
|
120 color: "SKIN(268458534 13056 19)"; |
|
121 overflow: visible; |
|
122 padding-right: 1u; |
|
123 padding-left: 1u; |
|
124 /*padding-top: 1u;*/ |
|
125 padding-bottom: 1u; |
|
126 } |
|
127 |
|
128 |
|
129 /********************* |
|
130 PLAYER PLUGIN AREA |
|
131 **********************/ |
|
132 |
|
133 box#playerPlugin:focus { |
|
134 background-image: "SKIN(268458534 24576)"; |
|
135 background-color: "SKIN(268458534 5120 9)"; |
|
136 } |
|
137 box#playerPlugin{ |
|
138 height:5u; |
|
139 display: none; |
|
140 nav-index: none; |
|
141 block-progression: lr; |
|
142 } |
|
143 |
|
144 image#playerStatusIcon { |
|
145 display: block; |
|
146 visibility: visible; |
|
147 position: static; |
|
148 top: 0.3u; |
|
149 margin-left: 1.25u; |
|
150 margin-top: 0.75u; |
|
151 width: 3.5u; |
|
152 height: 3.5u; |
|
153 } |
|
154 |
|
155 text#playerTitleText { |
|
156 display: none; |
|
157 visibility: visible; |
|
158 position: static; |
|
159 width: auto; |
|
160 height: 4u; |
|
161 font-family: EAknLogicalFontSecondaryFont; |
|
162 font-size: 3.5u; |
|
163 margin-left: 0.5u; |
|
164 /*color: auto;*/ |
|
165 color: "SKIN(268458534 13056 19)"; |
|
166 } |
|
167 |
|
168 text#playerDurationText { |
|
169 display: block; |
|
170 visibility: visible; |
|
171 position: static; |
|
172 width: 11u; |
|
173 margin-right: 0.75u; |
|
174 text-align:right; |
|
175 height: 4.0u; |
|
176 font-family: EAknLogicalFontSecondaryFont; |
|
177 font-size: 3.5u; |
|
178 /*color: auto;*/ |
|
179 color: "SKIN(268458534 13056 19)"; |
|
180 } |
|
181 |
|
182 /********************* |
|
183 PLAYER VOLUME CONTROLL |
|
184 **********************/ |
|
185 box#mpVolume { |
|
186 display: none; |
|
187 width: 40u; |
|
188 height: 6u; |
|
189 position: absolute; |
|
190 z-index: 2; |
|
191 left: 5u; |
|
192 top: 4.0u; |
|
193 background-color:"SKIN(268458534 8480)"; |
|
194 } |
|
195 |
|
196 image#musicPlayerVolumeDownIcon { |
|
197 display: none; |
|
198 visibility: visible; |
|
199 position: absolute; |
|
200 margin-top: auto; |
|
201 margin-bottom: auto; |
|
202 left: 2.0u; |
|
203 width: 1.0u; |
|
204 height: 4.0u; |
|
205 } |
|
206 |
|
207 image#musicPlayerInactiveVolumeDownIcon { |
|
208 display: none; |
|
209 visibility: visible; |
|
210 position: absolute; |
|
211 margin-top: auto; |
|
212 margin-bottom: auto; |
|
213 left: 2.0u; |
|
214 width: 1.0u; |
|
215 height: 4.0u; |
|
216 } |
|
217 |
|
218 image#musicPlayerSpeakerIcon { |
|
219 display: block; |
|
220 visibility: visible; |
|
221 position: absolute; |
|
222 margin-top: auto; |
|
223 margin-bottom: auto; |
|
224 left: 5.u; |
|
225 width: 4.0u; |
|
226 height: 4.0u; |
|
227 } |
|
228 |
|
229 image#musicPlayerSpeakerMutedIcon { |
|
230 display: block; |
|
231 visibility: visible; |
|
232 position: absolute; |
|
233 top: 1.00u; |
|
234 left: 5.u; |
|
235 width: 4.0u; |
|
236 height: 4.0u; |
|
237 } |
|
238 |
|
239 /* |
|
240 image#musicPlayerVolumeIcon { |
|
241 display: block; |
|
242 visibility: visible; |
|
243 position: absolute; |
|
244 left: 10u; |
|
245 width: 20u; |
|
246 height: 4u; |
|
247 margin-top: auto; |
|
248 margin-bottom: auto; |
|
249 } |
|
250 |
|
251 */ |
|
252 |
|
253 volumecontrol#musicPlayerVolumeIcon { |
|
254 display: block; |
|
255 visibility: visible; |
|
256 position: absolute; |
|
257 left: 10.0u; |
|
258 width: 20.0u; |
|
259 height: 4.0u; |
|
260 margin-top: auto; |
|
261 margin-bottom: auto; |
|
262 focusable: true; |
|
263 direction: ltr; |
|
264 block-progression: lr; |
|
265 } |
|
266 |
|
267 |
|
268 slider { |
|
269 focusable: false; |
|
270 value: 5; |
|
271 minrange: 0; |
|
272 maxrange: 10; |
|
273 z-index: 0; |
|
274 |
|
275 } |
|
276 |
|
277 image#musicPlayerVolumeUpIcon { |
|
278 display: none; |
|
279 visibility: visible; |
|
280 position: absolute; |
|
281 margin-top: auto; |
|
282 margin-bottom: auto; |
|
283 left: auto; |
|
284 right: 2.0u; |
|
285 width: 1.0u; |
|
286 height: 4.0u; |
|
287 } |
|
288 |
|
289 image#musicPlayerInactiveVolumeUpIcon { |
|
290 display: none; |
|
291 visibility: visible; |
|
292 position: absolute; |
|
293 margin-top: auto; |
|
294 margin-bottom: auto; |
|
295 left: auto; |
|
296 right: 2.0u; |
|
297 width: 1.0u; |
|
298 height: 4.0u; |
|
299 } |
|
300 |
|
301 |
|
302 /********************* |
|
303 VISUAL/INTERNET RADIO PLUGIN AREA |
|
304 **********************/ |
|
305 |
|
306 box#radioPlugin:focus { |
|
307 background-image: "SKIN(268458534 24576)"; |
|
308 background-color: "SKIN(268458534 5120 9)"; |
|
309 } |
|
310 box#radioPlugin{ |
|
311 height:5u; |
|
312 display: none; |
|
313 nav-index: none; |
|
314 block-progression: lr; |
|
315 } |
|
316 |
|
317 image#radioStatusIcon { |
|
318 display: block; |
|
319 visibility: visible; |
|
320 position: static; |
|
321 top: 0.3u; |
|
322 margin-left: 1.25u; |
|
323 margin-top: 0.75u; |
|
324 width: 3.5u; |
|
325 height: 3.5u; |
|
326 } |
|
327 |
|
328 text#radioTitleText { |
|
329 display: none; |
|
330 visibility: visible; |
|
331 position: static; |
|
332 width: auto; |
|
333 height: 4u; |
|
334 font-family: EAknLogicalFontSecondaryFont; |
|
335 font-size: 3.5u; |
|
336 margin-left: 0.5u; |
|
337 color: "SKIN(268458534 13056 19)"; |
|
338 } |
|
339 |
|
340 |
|
341 |
|
342 /********************* |
|
343 VISUAL/INTERNETRADIO VOLUME CONTROL |
|
344 **********************/ |
|
345 box#radioVolume { |
|
346 display: none; |
|
347 width: 40u; |
|
348 height: 6u; |
|
349 position: absolute; |
|
350 z-index: 2; |
|
351 left: 5u; |
|
352 top: 4.0u; |
|
353 background-color:"SKIN(268458534 8480)"; |
|
354 } |
|
355 |
|
356 image#radioVolumeDownIcon { |
|
357 display: none; |
|
358 visibility: visible; |
|
359 position: absolute; |
|
360 margin-top: auto; |
|
361 margin-bottom: auto; |
|
362 left: 2.0u; |
|
363 width: 1.0u; |
|
364 height: 4.0u; |
|
365 } |
|
366 |
|
367 image#radioInactiveVolumeDownIcon { |
|
368 display: none; |
|
369 visibility: visible; |
|
370 position: absolute; |
|
371 margin-top: auto; |
|
372 margin-bottom: auto; |
|
373 left: 2.0u; |
|
374 width: 1.0u; |
|
375 height: 4.0u; |
|
376 } |
|
377 |
|
378 image#radioSpeakerIcon { |
|
379 display: block; |
|
380 visibility: visible; |
|
381 position: absolute; |
|
382 margin-top: auto; |
|
383 margin-bottom: auto; |
|
384 left: 5.u; |
|
385 width: 4.0u; |
|
386 height: 4.0u; |
|
387 } |
|
388 |
|
389 image#radioSpeakerMutedIcon { |
|
390 display: block; |
|
391 visibility: visible; |
|
392 position: absolute; |
|
393 top: 1.00u; |
|
394 left: 5.u; |
|
395 width: 4.0u; |
|
396 height: 4.0u; |
|
397 } |
|
398 |
|
399 volumecontrol#radioVolumeIcon { |
|
400 display: block; |
|
401 visibility: visible; |
|
402 position: absolute; |
|
403 left: 10.0u; |
|
404 width: 20.0u; |
|
405 height: 4.0u; |
|
406 margin-top: auto; |
|
407 margin-bottom: auto; |
|
408 focusable: true; |
|
409 direction: ltr; |
|
410 block-progression: lr; |
|
411 } |
|
412 |
|
413 |
|
414 slider#radioSlider { |
|
415 focusable: false; |
|
416 value: 5; |
|
417 minrange: 0; |
|
418 maxrange: 10; |
|
419 z-index: 0; |
|
420 } |
|
421 |
|
422 image#radioVolumeUpIcon { |
|
423 display: none; |
|
424 visibility: visible; |
|
425 position: absolute; |
|
426 margin-top: auto; |
|
427 margin-bottom: auto; |
|
428 left: auto; |
|
429 right: 2.0u; |
|
430 width: 1.0u; |
|
431 height: 4.0u; |
|
432 } |
|
433 |
|
434 image#radioInactiveVolumeUpIcon { |
|
435 display: none; |
|
436 visibility: visible; |
|
437 position: absolute; |
|
438 margin-top: auto; |
|
439 margin-bottom: auto; |
|
440 left: auto; |
|
441 right: 2.0u; |
|
442 width: 1.0u; |
|
443 height: 4.0u; |
|
444 } |
|
445 |
|
446 |
|
447 /****************** |
|
448 SAT PLUGIN AREA |
|
449 *******************/ |
|
450 |
|
451 box#SATPluginContainer { |
|
452 display: none; /*block;*/ |
|
453 nav-index: none; /* SAT is not focusable */ |
|
454 height: 5u; |
|
455 position: static; |
|
456 /*block-progression: lr;*/ |
|
457 direction: rtl; |
|
458 block-progression: rl; |
|
459 } |
|
460 |
|
461 |
|
462 image.satIcon { |
|
463 display: block; |
|
464 visibility: visible; |
|
465 position: static; |
|
466 margin-top: 0.25u; |
|
467 margin-left: 0.7u; |
|
468 width: 4.0u; |
|
469 height: 4.0u; |
|
470 } |
|
471 |
|
472 text.satText { |
|
473 display: block; |
|
474 visibility: visible; |
|
475 position: static; |
|
476 width: auto; |
|
477 top: 0.25u; |
|
478 margin-top: 0.25u; |
|
479 margin-right: 1.0u; |
|
480 margin-left: 0.55u; |
|
481 height: 4.25u; |
|
482 font-family: EAknLogicalFontSecondaryFont; |
|
483 font-size: 3.5u; /* TODO: check */ |
|
484 /*color: auto;*/ |
|
485 color: "SKIN(268458534 13056 19)"; |
|
486 } |
|
487 |
|
488 |
|
489 |
|
490 /************************ |
|
491 CALENDAR PLUGIN AREA |
|
492 *************************/ |
|
493 |
|
494 box#calendarPluginContainer:focus { |
|
495 background-image: "SKIN(268458534 24576)"; |
|
496 background-color: "SKIN(268458534 5120 9)"; |
|
497 } |
|
498 box#calendarPluginContainer { |
|
499 display: block; |
|
500 height: adaptive; |
|
501 padding-bottom: 1u; |
|
502 } |
|
503 |
|
504 |
|
505 button.calendarEntryBox { |
|
506 display: none; |
|
507 visibility: visible; |
|
508 height: auto; |
|
509 } |
|
510 |
|
511 |
|
512 image.calendarEntryIcon { /* ai_gene_pane_1_g1 */ |
|
513 display: block; |
|
514 visibility: visible; |
|
515 position: absolute; |
|
516 top: 0.5u; |
|
517 left: 0.7u; |
|
518 width: 4u; |
|
519 height: 4u; |
|
520 } |
|
521 |
|
522 text.calendarEntryText1 { /* ai_gene_pane_1_t1 */ |
|
523 display: block; |
|
524 visibility: visible; |
|
525 position: absolute; |
|
526 width: auto; |
|
527 top: 0.0u; |
|
528 left: 5.75u; |
|
529 right: 0.9u; |
|
530 height: 4.25u; |
|
531 font-family: EAknLogicalFontSecondaryFont; |
|
532 font-size: 3.5u; |
|
533 color: "SKIN(268458534 13056 19)"; |
|
534 } |
|
535 |
|
536 |
|
537 text.calendarEntryText2 { /* ai_gene_pane_2_t1 */ |
|
538 display: block; |
|
539 visibility: visible; |
|
540 position: absolute; |
|
541 width: auto; |
|
542 top: 4.25u; |
|
543 left: 5.75u; |
|
544 right: 0.9u; |
|
545 height: 4.25u; |
|
546 font-family: EAknLogicalFontSecondaryFont; |
|
547 font-size: 3.5u; |
|
548 color: "SKIN(268458534 13056 19)"; |
|
549 } |
|
550 |
|
551 |
|
552 /* priorities for calendar buttons, the lower we go, the less priority the button has --> if it does not fit on the screen it will be dropped*/ |
|
553 /* please note that the priority ID must be unique for each element defined --> do not use it via class element */ |
|
554 button#calendarEntryBox1{ _s60-display-priority: 21; } |
|
555 button#calendarEntryBox2{ _s60-display-priority: 22; } |
|
556 button#calendarEntryBox3{ _s60-display-priority: 23; } |
|
557 button#calendarEntryBox4{ _s60-display-priority: 24; } |
|
558 button#calendarEntryBox5{ _s60-display-priority: 25; } |
|
559 button#calendarEntryBox6{ _s60-display-priority: 26; } |
|
560 button#calendarEntryBox7{ _s60-display-priority: 27; } |
|
561 button#calendarEntryBox8{ _s60-display-priority: 28; } |
|
562 |
|
563 /* Block with flag '__NEWSTICKER' skipped. */ |
|