Initial commit.
[euphoria.git] / data / themes / streamline / streamline_parts.edc
1                         /* Border Scaled Image for Background */
2                         part {
3                                 name, "background";
4                                 mouse_events, 0;
5                                 type,   IMAGE;
6                                 description {
7                                         state,  "default" 0.0;
8
9                                         rel1 {
10                                                 relative, 0.0 0.0;
11                                                 offset, 0 0;
12                                         }
13                                         rel2 {
14                                                 relative, 1.0 1.0;
15                                                 offset, -1 -1;
16                                         }
17                                         image {
18                                                 normal, "border-scale.png";
19                                                 border, 6 6 6 6;
20                                         }
21
22                                         fill {
23                                                 smooth, 0;
24                                         }
25                                 }
26                         }
27
28                         part {
29                                 name, "title";
30                                 type,   TEXT;
31                                 //effect, SHADOW;
32                                 mouse_events, 1;
33                                 repeat_events, 1;
34                                 description {
35                                         state,  "default" 0.0;
36
37                                         rel1 {
38                                                 relative, 0.0 0.0;
39                                                 offset, 0 4;
40                                         }
41                                         rel2 {
42                                                 relative, 1.0 0.0;
43                                                 offset, -1 15;
44                                         }
45                                         color,  255 255 255 255;
46                                         text {
47                                                 text, "Euphoria";
48                                                 font, "Vera";   /* Only font Vera works!  Use other and segv */
49                                                 size, 8;       /* Font Size */
50                                                 align,   0.5 1.0;       /* Text alignment based on rel1/rel2 */
51                                         }
52                                 }
53                         }
54
55                         part {
56                                 name, "titlebar";
57                                 type, RECT;
58                                 mouse_events, 1;
59                                 repeat_events, 1;
60
61                                 description {
62                                         state, "default" 0.0;
63
64                                         rel1 {
65                                                 relative, 0.0 0.0;
66                                                 offset, 0 0;
67                                         }
68
69                                         rel2 {
70                                                 relative, 1.0 0.0;
71                                                 offset, -1 16;
72                                         }
73
74                                         color, 0 0 0 0;
75                                 }
76
77                         }
78
79
80                         part {
81                                 name, "quit";
82                                 type, IMAGE;
83                                 mouse_events, 1;
84                                 description {
85                                         state,  "default" 0.0;
86
87                                         rel1 {
88                                                 relative, 1.0 0.0;
89                                                 offset, -15 4;
90                                         }
91
92                                         rel2 {
93                                                 relative, 1.0 0.0;
94                                                 offset, -8 11;
95                                         }
96
97                                         image {
98                                                 normal, "close_button.png";
99                                         }
100
101                                         fill {
102                                                 smooth, 0;
103                                         }
104                                 }
105                         }
106
107                         /* LCD Backdrop Image */
108                         part {
109                                 name, "lcd_backdrop";
110                                 type, IMAGE;
111                                 mouse_events, 0;
112                                 description {
113                                         state,  "default" 0.0;
114
115                                         rel1 {
116                                                 relative, 0.0 0.0;
117                                                 offset, 4 17;
118                                         }
119
120                                         rel2 {
121                                                 relative, 0.0 0.0;
122                                                 offset, 193 86;
123                                         }
124
125                                         image {
126                                                 normal, "lcd_area.png";
127                                                 border, 5 5 5 5;
128                                         }
129
130                                         fill {
131                                                 smooth, 0;
132                                         }
133                                 }
134                         }
135
136                         /* LCD Clipping Area - Invisible Rect */
137                         part {
138                                 name, "lcd_clip";
139                                 type, RECT;
140                                 mouse_events, 0;
141                                 description {
142                                         state,  "default" 0.0;
143
144                                         rel1 {
145                                                 relative, 0.0 0.0;
146                                                 offset, 5 5;
147                                                 to, "lcd_backdrop";
148                                         }
149
150                                         rel2 {
151                                                 relative, 1.0 1.0;
152                                                 offset, -5 -5;
153                                                 to, "lcd_backdrop";
154                                         }
155                                         //color, 0 0 0 0;
156
157                                 }
158                         }
159
160                         part {
161                                 name, "artist_name";
162                                 type,   TEXT;
163                                 //effect, SOFT_OUTLINE;
164                                 mouse_events, 0;
165                                 clip_to, "lcd_clip";
166                                 description {
167                                         state,  "default" 0.0;
168
169                                         /* Use the relative size of the LCD itself, then position with align */
170                                         rel1 {
171                                                 relative, 0.0 0.0;
172                                                 offset, 8 0;
173                                                 to, "lcd_backdrop";
174                                         }
175
176                                         rel2 {
177                                                 relative, 1.0 1.0;
178                                                 offset, -1 -1;
179                                                 to, "lcd_backdrop";
180                                         }
181
182
183                                         color,  181 247 255 255;
184                                         text {
185                                                 text, "Artist Name";       /* Text String */
186                                                 font, "redensek";   /* Only font Vera works!  Use other and segv */
187                                                 size, 12;       /* Font Size */
188                                                 align, 0.0 0.1;       /* Text alignment based on rel1/rel2 */
189                                         }
190                                 }
191                         }
192
193                         part {
194                                 name, "album_name";
195                                 type,   TEXT;
196                                 //effect, SOFT_OUTLINE;
197                                 mouse_events, 0;
198                                 clip_to, "lcd_clip";
199                                 description {
200                                         state,  "default" 0.0;
201
202                                         /* Use the relative size of the LCD itself, then position with align */
203                                         rel1 {
204                                                 relative, 0.0 0.0;
205                                                 offset, 8 0;
206                                                 to, "lcd_backdrop";
207                                         }
208
209                                         rel2 {
210                                                 relative, 1.0 1.0;
211                                                 offset, -1 -1;
212                                                 to, "lcd_backdrop";
213                                         }
214
215
216                                         color,  181 247 255 255;
217                                         text {
218                                                 text, "Album Name";       /* Text String */
219                                                 font, "redensek";   /* Only font Vera works!  Use other and segv */
220                                                 size, 12;       /* Font Size */
221                                                 align, 0.0 0.3;       /* Text alignment based on rel1/rel2 */
222                                         }
223                                 }
224                         }
225
226                         part {
227                                 name, "song_name";
228                                 type,   TEXT;
229                                 //effect, SOFT_OUTLINE;
230                                 mouse_events, 0;
231                                 clip_to, "lcd_clip";
232                                 description {
233                                         state,  "default" 0.0;
234
235                                         /* Use the relative size of the LCD itself, then position with align */
236                                         rel1 {
237                                                 relative, 0.0 0.0;
238                                                 offset, 8 0;
239                                                 to, "lcd_backdrop";
240                                         }
241
242                                         rel2 {
243                                                 relative, 1.0 1.0;
244                                                 offset, -1 -1;
245                                                 to, "lcd_backdrop";
246                                         }
247
248
249                                         color,  181 247 255 255;
250                                         text {
251                                                 text, "Song Name";       /* Text String */
252                                                 font, "redensek";   /* Only font Vera works!  Use other and segv */
253                                                 size, 12;       /* Font Size */
254                                                 align, 0.0 0.5;       /* Text alignment based on rel1/rel2 */
255                                         }
256                                 }
257                         }
258
259                         /* Time Counter  */
260                         part {
261                                 name, "time_text";
262                                 type,   TEXT;
263                                 //effect, OUTLINE_SOFT_SHADOW;
264                                 clip_to, "lcd_clip";
265                                 mouse_events, 1;
266                                 description {
267                                         state,  "default" 0.0;
268
269                                         /* Use the relative size of the LCD itself, then position with align */
270                                         rel1 {
271                                                 relative, 0.0 0.0;
272                                                 offset, 0 0;
273                                                 to, "lcd_backdrop";
274                                         }
275
276                                         rel2 {
277                                                 relative, 1.0 1.0;
278                                                 offset, -9 -1;
279                                                 to, "lcd_backdrop";
280                                         }
281
282
283                                         color,  181 247 255 255;
284                                         text {
285                                                 text, "0:00";       /* Text String */
286                                                 font, "micro";   /* Only font Vera works!  Use other and segv */
287                                                 size, 26;       /* Font Size */
288                                                 align, 1.0 1.0;       /* Text alignment based on rel1/rel2 */
289                                         }
290                                 }
291                         }
292
293
294                         /************* Buttons *******************************/
295
296                 /* Button Area */
297                 part {
298                         name, "button_background";
299                         type, IMAGE;
300                         mouse_events, 0;
301                         description {
302                                 state,  "default" 0.0;
303
304                                 rel1 {
305                                         relative, 0.0 0.0;
306                                         offset, 196 40;
307                                 }
308
309                                 rel2 {
310                                         relative, 0.0 0.0;
311                                         offset, 316 86;
312                                 }
313
314                                 image {
315                                         normal, "controls-back.png";
316                                         border, 5 5 5 5;
317                                 }
318
319                                 fill {
320                                         smooth, 0;
321                                 }
322                         }
323                 }
324
325
326                         /* Previous Button */
327  part {
328                         name, "previous_button";
329                         mouse_events, 1;
330                         description {
331                                 state,  "default" 0.0;
332                                 min, 29 20;
333                                 max, 29 20;
334
335                                 rel1 {
336                                         relative, 0.0 0.0;
337                                         offset, 3 2;
338                                         to, "button_background";
339                                 }
340                                 rel2 {
341                                         relative, 0.0 0.0;
342                                         offset, 32 22;
343                                         to, "button_background";
344                                 }
345                                 image {
346                                         normal, "compact-prevtrack-normal.png";
347                                 }
348                         }
349
350                         description {
351                                 state,  "clicked" 0.0;
352                                 min, 29 20;
353                                 max, 29 20;
354
355                                 rel1 {
356                                         relative, 0.0 0.0;
357                                         offset, 3 2;
358                                         to, "button_background";
359                                 }
360                                 rel2 {
361                                         relative, 0.0 0.0;
362                                         offset, 32 22;
363                                         to, "button_background";
364                                 }
365
366                                 image {
367                                         normal, "compact-prevtrack-clicked.png";
368                                 }
369                         }
370
371                 }
372
373
374                         /* Play Button */
375                 part {
376                         name, "play_button";
377                         mouse_events, 1;
378                         description {
379                                 state,  "default" 0.0;
380                                 min, 56 40;
381                                 max, 56 40;
382                                 align, 0.5 0.0;
383
384                                 rel1 {
385                                         relative, 0.0 0.0;
386                                         offset, 62 3;
387                                         to, "button_background";
388                                 }
389                                 rel2 {
390                                         relative, 0.0 0.0;
391                                         offset, 117 43;
392                                         to, "button_background";
393                                 }
394                                 image {
395                                         normal, "playpause-normal.png";
396                                 }
397                         }
398                         description {
399                                 state,  "clicked" 0.0;
400                                 min, 56 40;
401                                 max, 56 40;
402                                 align, 0.5 0.0;
403
404                                 rel1 {
405                                         relative, 0.0 0.0;
406                                         offset, 62 3;
407                                         to, "button_background";
408                                 }
409                                 rel2 {
410                                         relative, 0.0 0.0;
411                                         offset, 117 43;
412                                         to, "button_background";
413                                 }
414                                 image {
415                                         normal, "playpause-clicked.png";
416                                 }
417                         }
418                         description {
419                                 state,  "blink" 0.0;
420                                 min, 56 40;
421                                 max, 56 40;
422                                 align, 0.5 0.0;
423
424                                 rel1 {
425                                         relative, 1.0 0.0;
426                                         offset, 0 0;
427                                         to, "previous_button";
428                                 }
429                                 rel2 {
430                                         relative, 0.0 1.0;
431                                         offset, -0 -0;
432                                         to, "next_button";
433                                 }
434
435                                 image {
436                                         normal, "button-full-blinking.png";
437                                         tween,  "button-full-unblinking.png";
438                                 }
439                         }
440
441                 }
442
443                 /* Pause Button */
444
445                 part {
446                         name, "pause_button";
447                         mouse_events, 0;
448                         description {
449                                 state,  "default" 0.0;
450                                 min, 56 40;
451                                 max, 56 40;
452                                 visible, 0;
453
454                                 rel1 {
455                                         relative, 1.0 0.0;
456                                         offset, 0 0;
457                                         to, "seekback_button";
458                                 }
459                                 rel2 {
460                                         relative, 0.0 1.0;
461                                         offset, -0 -0;
462                                         to, "seekforward_button";
463                                 }
464
465                                 image {
466                                         normal, "button-3stage-unselected.png";
467                                         tween,  "button-3stage-fulldown.png";
468                                 }
469                         }
470                         description {
471                                 state,  "clicked" 0.0;
472                                 min, 56 40;
473                                 max, 56 40;
474                                 visible, 1;
475
476                                 rel1 {
477                                         relative, 1.0 0.0;
478                                         offset, 0 0;
479                                         to, "seekback_button";
480                                 }
481                                 rel2 {
482                                         relative, 0.0 1.0;
483                                         offset, -0 -0;
484                                         to, "seekforward_button";
485                                 }
486
487                                 image {
488                                         normal, "button-3stage-selected.png";
489                                         tween, "button-3stage-fulldown.png";
490                                 }
491                         }
492                         description {
493                                 state,  "blink" 0.0;
494                                 min, 56 40;
495                                 max, 56 40;
496                                 visible, 1;
497
498                                 rel1 {
499                                         relative, 1.0 0.0;
500                                         offset, 0 0;
501                                         to, "seekback_button";
502                                 }
503                                 rel2 {
504                                         relative, 0.0 1.0;
505                                         offset, -0 -0;
506                                         to, "seekforward_button";
507                                 }
508
509                                 image {
510                                         normal, "button-full-blinking.png";
511                                         tween,  "button-full-unblinking.png";
512                                 }
513                         }
514                 }
515
516
517
518                         /* Next Button */
519                 part {
520                         name, "next_button";
521                         mouse_events, 1;
522                         description {
523                                 state,  "default" 0.0;
524                                 min, 27 20;
525                                 max, 27 20;
526
527                                 rel1 {
528                                         relative, 0.0 0.0;
529                                         offset, 32 2;
530                                         to, "button_background";
531                                 }
532                                 rel2 {
533                                         relative, 0.0 0.0;
534                                         offset, 59 22;
535                                         to, "button_background";
536                                 }
537                                 image {
538                                         normal, "compact-nexttrack-normal.png";
539                                 }
540                         }
541                         description {
542                                 state,  "clicked" 0.0;
543                                 min, 27 20;
544                                 max, 27 20;
545
546                                 rel1 {
547                                         relative, 0.0 0.0;
548                                         offset, 32 2;
549                                         to, "button_background";
550                                 }
551                                 rel2 {
552                                         relative, 0.0 0.0;
553                                         offset, 59 22;
554                                         to, "button_background";
555                                 }
556                                 image {
557                                         normal, "compact-nexttrack-clicked.png";
558                                 }
559                         }
560                 }
561
562                         /* Seekback Button */
563                 part {
564                         name, "seekback_button";
565                         mouse_events, 1;
566                         description {
567                                 state,  "default" 0.0;
568                                 min, 29 20;
569                                 max, 29 20;
570                                 visible, 1;
571
572                                 rel1 {
573                                         relative, 0.0 0.0;
574                                         offset, 3 24;
575                                         to, "button_background";
576                                 }
577                                 rel2 {
578                                         relative, 0.0 0.0;
579                                         offset, 32 44;
580                                         to, "button_background";
581                                 }
582
583                                 image {
584                                         normal, "compact-seekback-normal.png";
585                                 }
586                         }
587                         description {
588                                 state,  "clicked" 0.0;
589                                 min, 29 20;
590                                 max, 29 20;
591                                 visible, 1;
592
593                                 rel1 {
594                                         relative, 0.0 0.0;
595                                         offset, 3 24;
596                                         to, "button_background";
597                                 }
598                                 rel2 {
599                                         relative, 0.0 0.0;
600                                         offset, 32 44;
601                                         to, "button_background";
602                                 }
603
604                                 image {
605                                         normal, "compact-seekback-clicked.png";
606                                 }
607                         }
608                 }
609
610                         /* Seekforward Button */
611                 part {
612                         name, "seekforward_button";
613                         mouse_events, 1;
614                         description {
615                                 state,  "default" 0.0;
616                                 min, 27 20;
617                                 max, 27 20;
618                                 visible, 1;
619
620                                 rel1 {
621                                         relative, 0.0 0.0;
622                                         offset, 32 24;
623                                         to, "button_background";
624                                 }
625                                 rel2 {
626                                         relative, 0.0 0.0;
627                                         offset, 59 44;
628                                         to, "button_background";
629                                 }
630
631                                 image {
632                                         normal, "compact-seekforward-normal.png";
633                                 }
634                         }
635                         description {
636                                 state,  "clicked" 0.0;
637                                 min, 27 20;
638                                 max, 27 20;
639                                 visible, 1;
640
641                                 rel1 {
642                                         relative, 0.0 0.0;
643                                         offset, 32 24;
644                                         to, "button_background";
645                                 }
646                                 rel2 {
647                                         relative, 0.0 0.0;
648                                         offset, 59 44;
649                                         to, "button_background";
650                                 }
651
652                                 image {
653                                         normal, "compact-seekforward-clicked.png";
654                                 }
655                         }
656                 }
657
658
659                         /*************** Toggle Repeat **************/
660
661                         part {
662                                 name, "repeat_toggle_disabled_img";
663                                 type, IMAGE;
664                                 mouse_events, 0;
665
666                                 description {
667                                         state, "default" 0.0;
668                                         visible, 0;
669                                         min, 57 20;
670                                         max, 57 20;
671
672                                         rel1 {
673                                                 relative, 0.0 1.0;
674                                                 offset, 25 28;
675                                                 to, "button_background";
676                                         }
677
678                                         rel2 {
679                                                 relative, 0.25 1.0;
680                                                 offset, 0 0;
681                                                 to, "button_background";
682                                         }
683
684                                         image {
685                                                 normal, "button-off.png";
686                                         }
687                                 }
688
689                                 description {
690                                         state, "disabled" 0.0;
691                                         inherit, "default" 0.0;
692                                         visible, 0;
693                                 }
694                         }
695
696                         part {
697                                 name, "repeat_toggle_enabled_img";
698                                 mouse_events, 0;
699
700                                 description {
701                                         state, "default" 0.0;
702                                         visible, 0;
703                                         min, 57 20;
704                                         max, 57 20;
705
706                                         rel1 {
707                                                 relative, 0.0 1.0;
708                                                 offset, 25 28;
709                                                 to, "button_background";
710                                         }
711
712                                         rel2 {
713                                                 relative, 0.25 1.0;
714                                                 offset, 0 0;
715                                                 to, "button_background";
716                                         }
717
718                                         image {
719                                                 normal, "button-on.png";
720                                         }
721                                 }
722
723                                 description {
724                                         state, "enabled" 0.0;
725                                         inherit, "default" 0.0;
726                                         visible, 0;
727                                 }
728                         }
729                         part {
730                                 name, "repeat_toggle_label";
731                                 type, TEXT;
732                                 mouse_events, 0;
733
734                                 description {
735                                         state, "default" 0.0;
736                                         visible, 0;
737
738                                         rel1 {
739                                                 relative, 0.0 0.0;
740                                                 offset, 0 0;
741                                                 to, "repeat_toggle_disabled_img";
742                                         }
743
744                                         rel2 {
745                                                 relative, 1.0 1.0;
746                                                 offset, -1 -1;
747                                                 to, "repeat_toggle_disabled_img";
748                                         }
749
750                                         color, 0 0 0 255;
751
752                                         text {
753                                                 text, "REPEAT";
754                                                 font, "Vera";
755                                                 size, 5;
756                                                 align, 0.5 0.6;
757                                         }
758                                 }
759                         }
760
761
762
763
764
765                         /********** Volume  Controls ***************************************/
766                 part {
767                         name, "vol_label";
768                         mouse_events, 0;
769                         description {
770                                 state,  "default" 0.0;
771                                 min, 21 20;
772                                 max, 21 20;
773
774                                 rel1 {
775                                         relative, 0.0 0.0;
776                                         offset, 282 17;
777                                 }
778                                 rel2 {
779                                         relative, 0.0 0.0;
780                                         offset, 305 36;
781                                 }
782
783                                 image {
784                                         normal, "vol-label.png";
785                                 }
786                         }
787                 }
788
789                 part {
790                         name, "vol_label_text";
791                         type, TEXT;
792                         mouse_events, 0;                /* Does part accept mouse events? */
793                         description {
794                                 state, "default" 0.0;
795
796                                 rel1 {
797                                         relative, 0.0 0.0;
798                                         offset, 0 0;
799                                         to, "vol_label";
800                                 }
801                                 rel2 {
802                                         relative, 1.0 1.0;
803                                         offset, -1 -1;
804                                         to, "vol_label";
805                                 }
806
807
808                                 color, 255 255 255 255;  /* Color of text */
809                                 color2, 0 0 255 255;    /* Does nothing for SOFT_SHADOW */
810                                 color3, 0 0 0 32;        /* Color of shadow */
811
812                                 text {
813                                         text, "VOL";       /* Text String */
814                                         font, "Vera";   /* Only font Vera works!  Use other and segv */
815                                         size, 5;        /* Font Size */
816                                         align,   0.5 0.6;       /* Text alignment based on rel1/rel2 */
817                                 }
818                         }
819                 }
820
821                 part {
822                         name, "vol_display";
823                         mouse_events, 0;
824                         description {
825                                 state,  "default" 0.0;
826                                 min, 23 20;
827                                 max, 23 20;
828
829                                 rel1 {
830                                         relative, 0.0 0.0;
831                                         offset, -23 0;
832                                         to, "vol_label";
833                                 }
834                                 rel2 {
835                                         relative, 0.0 1.0;
836                                         offset, 0 0;
837                                         to, "vol_label";
838                                 }
839
840                                 image {
841                                         normal, "vol-display.png";
842                                 }
843                         }
844                 }
845
846
847                 part {
848                         name, "vol_display_text";
849                         type,   TEXT;
850                         //clip_to, "vol_display";
851                         description {
852                                 state,  "default" 0.0;
853
854                                 /* Use the relative size of the LCD itself, then position with align */
855                                 rel1 {
856                                         relative, 0.0 0.0;
857                                         offset, 0 0;
858                                         to, "vol_display";
859                                 }
860
861                                 rel2 {
862                                         relative, 1.0 1.0;
863                                         offset, -1 -1;
864                                         to, "vol_display";
865                                 }
866
867
868                                 color,  181 247 255 255;
869                                 text {
870                                         text, "00";       /* Text String */
871                                         font, "Vera";   /* Only font Vera works!  Use other and segv */
872                                         size, 8;       /* Font Size */
873                                         align, 0.5 0.6;       /* Text alignment based on rel1/rel2 */
874                                 }
875                         }
876                 }
877
878                 part {
879                         name, "vol_incr_button";
880                         mouse_events, 1;
881                         description {
882                                 state,  "default" 0.0;
883                                 min, 25 20;
884                                 max, 25 20;
885
886                                 rel1 {
887                                         relative, 0.0 0.0;
888                                         offset, -25 0;
889                                         to, "vol_display";
890                                 }
891                                 rel2 {
892                                         relative, 0.0 1.0;
893                                         offset, 0 0;
894                                         to, "vol_display";
895                                 }
896
897                                 image {
898                                         normal, "vol-plus.png";
899                                 }
900                         }
901                         description {
902                                 state,  "clicked" 0.0;
903                                 min, 25 20;
904                                 max, 25 20;
905
906                                 rel1 {
907                                         relative, 0.0 0.0;
908                                         offset, -25 0;
909                                         to, "vol_display";
910                                 }
911                                 rel2 {
912                                         relative, 0.0 1.0;
913                                         offset, 0 0;
914                                         to, "vol_display";
915                                 }
916
917                                 image {
918                                         normal, "vol-plus-clicked.png";
919                                 }
920                         }
921                 }
922
923                 part {
924                         name, "vol_decr_button";
925                         mouse_events, 1;
926                         description {
927                                 state,  "default" 0.0;
928                                 min, 29 20;
929                                 max, 29 20;
930
931                                 rel1 {
932                                         relative, 0.0 0.0;
933                                         offset, -29 0;
934                                         to, "vol_incr_button";
935                                 }
936                                 rel2 {
937                                         relative, 0.0 1.0;
938                                         offset, 0 0;
939                                         to, "vol_incr_button";
940                                 }
941
942                                 image {
943                                         normal, "vol-minus.png";
944                                 }
945                         }
946                         description {
947                                 state,  "clicked" 0.0;
948                                 min, 29 20;
949                                 max, 29 20;
950
951                                 rel1 {
952                                         relative, 0.0 0.0;
953                                         offset, -29 0;
954                                         to, "vol_incr_button";
955                                 }
956                                 rel2 {
957                                         relative, 0.0 1.0;
958                                         offset, 0 0;
959                                         to, "vol_incr_button";
960                                 }
961
962                                 image {
963                                         normal, "vol-minus-clicked.png";
964                                 }
965                         }
966                 }
967
968
969                         /************ PLAYLIST **************************************************/
970
971                 /* LCD Playlist Backdrop Image */
972                 part {
973                         name, "playlist_backdrop";
974                         type, IMAGE;
975                         mouse_events, 0;
976                         description {
977                                 state,  "default" 0.0;
978
979                                 rel1 {
980                                         relative, 0.0 0.0;
981                                         offset, 319 17;
982                                 }
983
984                                 rel2 {
985                                         relative, 1.0 1.0;
986                                         offset, -5 -4;
987                                 }
988
989                                 image {
990                                         normal, "lcd_area.png";
991                                         border, 5 5 5 5;
992                                 }
993
994                                 fill {
995                                         smooth, 0;
996                                 }
997                         }
998                 }
999
1000                 part {
1001                         name, "playlist";
1002                         type, RECT;
1003                         mouse_events, 1;
1004
1005                         description {
1006                                 state, "default" 0.0;
1007
1008                                 rel1 {
1009                                         relative, 0.0 0.0;
1010                                         offset, 8 5;
1011                                         to, "playlist_backdrop";
1012                                 }
1013
1014                                 rel2 {
1015                                         relative, 1.0 1.0;
1016                                         offset, -6 -6;
1017                                         to, "playlist_backdrop";
1018                                 }
1019                                 color, 0 0 0 0;
1020                         }
1021                 }
1022
1023