Handle broadcast_playlist_loaded.
[euphoria.git] / data / themes / default / default_parts.edc
1 /*** Euphoria Default theme - by Ben Rockwood ***/
2 /***   E D J E    P A R T S                   ***/
3
4                         part {
5                                 name, "background";
6                                 mouse_events, 0;
7                                 type,   IMAGE;
8                                 description {
9                                         state,  "default" 0.0;
10
11                                         rel1 {
12                                                 relative, 0.0 0.0;
13                                                 offset, 0 0;
14                                         }
15                                         rel2 {
16                                                 relative, 1.0 1.0;
17                                                 offset, -1 -1;
18                                         }
19                                         image {
20                                                 normal, "border-scale.png";
21                                                 border, 6 6 6 6;
22                                         }
23
24                                         fill {
25                                                 smooth, 0;
26                                         }
27                                 }
28                         }
29
30                         part {
31                                 name, "title";
32                                 type,   TEXT;
33                                 //effect, SHADOW;
34                                 mouse_events, 1;
35                                 repeat_events, 1;
36                                 description {
37                                         state,  "default" 0.0;
38
39                                         rel1 {
40                                                 relative, 0.0 0.0;
41                                                 offset, 0 4;
42                                         }
43                                         rel2 {
44                                                 relative, 1.0 0.0;
45                                                 offset, -1 15;
46                                         }
47                                         color,  255 255 255 255;
48                                         text {
49                                                 text, "Euphoria";
50                                                 font, "Vera";   /* Only font Vera works!  Use other and segv */
51                                                 size, 8;       /* Font Size */
52                                                 align,   0.5 1.0;       /* Text alignment based on rel1/rel2 */
53                                         }
54                                 }
55                         }
56
57                         part {
58                                 name, "titlebar";
59                                 type, RECT;
60                                 mouse_events, 1;
61                                 repeat_events, 1;
62
63                                 description {
64                                         state, "default" 0.0;
65
66                                         rel1 {
67                                                 relative, 0.0 0.0;
68                                                 offset, 0 0;
69                                         }
70
71                                         rel2 {
72                                                 relative, 1.0 0.0;
73                                                 offset, -1 16;
74                                         }
75
76                                         color, 0 0 0 0;
77                                 }
78
79                         }
80
81                         part {
82                                 name, "quit";
83                                 type, IMAGE;
84                                 mouse_events, 1;
85                                 description {
86                                         state,  "default" 0.0;
87
88                                         rel1 {
89                                                 relative, 1.0 0.0;
90                                                 offset, -15 4;
91                                         }
92
93                                         rel2 {
94                                                 relative, 1.0 0.0;
95                                                 offset, -8 11;
96                                         }
97
98                                         image {
99                                                 normal, "close_button.png";
100                                         }
101
102                                         fill {
103                                                 smooth, 0;
104                                         }
105                                 }
106                         }
107
108
109                         /* LCD Backdrop Image */
110                         part {
111                                 name, "lcd_backdrop";
112                                 type, IMAGE;
113                                 mouse_events, 0;
114                                 description {
115                                         state,  "default" 0.0;
116
117                                         /* Part should fill from the far left, 20 pixels down */
118                                         rel1 {
119                                                 relative, 0.0 0.0;
120                                                 offset, 5 16;
121                                         }
122
123                                         /* all the way to the far right, 40 pixels north of the bottom right corner */
124                                         rel2 {
125                                                 relative, 1.0 0.0;
126                                                 offset, -6 81;
127                                         }
128
129                                         image {
130                                                 normal, "lcd_area.png";
131                                                 border, 5 5 5 5;
132                                         }
133
134                                         fill {
135                                                 smooth, 0;
136                                         }
137                                 }
138                         }
139
140                         /* LCD Clipping Area - Invisible Rect */
141                         part {
142                                 name, "lcd_clip";
143                                 type, RECT;
144                                 mouse_events, 0;
145                                 description {
146                                         state,  "default" 0.0;
147
148                                         rel1 {
149                                                 relative, 0.0 0.0;
150                                                 offset, 5 5;
151                                                 to, "lcd_backdrop";
152                                         }
153
154                                         rel2 {
155                                                 relative, 1.0 1.0;
156                                                 offset, -5 -5;
157                                                 to, "lcd_backdrop";
158                                         }
159                                         //color, 0 0 0 0;
160
161                                 }
162                         }
163                         part {
164                                 name, "artist_name";
165                                 type,   TEXT;
166                                 //effect, SOFT_OUTLINE;
167                                 mouse_events, 0;
168                                 clip_to, "lcd_clip";
169                                 description {
170                                         state,  "default" 0.0;
171
172                                         /* Use the relative size of the LCD itself, then position with align */
173                                         rel1 {
174                                                 relative, 0.0 0.0;
175                                                 offset, 8 0;
176                                                 to, "lcd_backdrop";
177                                         }
178
179                                         rel2 {
180                                                 relative, 1.0 1.0;
181                                                 offset, -1 -1;
182                                                 to, "lcd_backdrop";
183                                         }
184
185
186                                         color,  181 247 255 255;
187                                         text {
188                                                 text, "Artist Name";       /* Text String */
189                                                 font, "redensek";   /* Only font Vera works!  Use other and segv */
190                                                 size, 12;       /* Font Size */
191                                                 align, 0.0 0.1;       /* Text alignment based on rel1/rel2 */
192                                         }
193                                 }
194                         }
195
196                         part {
197                                 name, "album_name";
198                                 type,   TEXT;
199                                 //effect, SOFT_OUTLINE;
200                                 mouse_events, 0;
201                                 clip_to, "lcd_clip";
202                                 description {
203                                         state,  "default" 0.0;
204
205                                         /* Use the relative size of the LCD itself, then position with align */
206                                         rel1 {
207                                                 relative, 0.0 0.0;
208                                                 offset, 8 0;
209                                                 to, "lcd_backdrop";
210                                         }
211
212                                         rel2 {
213                                                 relative, 1.0 1.0;
214                                                 offset, -1 -1;
215                                                 to, "lcd_backdrop";
216                                         }
217
218
219                                         color,  181 247 255 255;
220                                         text {
221                                                 text, "Album Name";       /* Text String */
222                                                 font, "redensek";   /* Only font Vera works!  Use other and segv */
223                                                 size, 12;       /* Font Size */
224                                                 align, 0.0 0.3;       /* Text alignment based on rel1/rel2 */
225                                         }
226                                 }
227                         }
228                         part {
229                                 name, "song_name";
230                                 type,   TEXT;
231                                 //effect, SOFT_OUTLINE;
232                                 mouse_events, 0;
233                                 clip_to, "lcd_clip";
234                                 description {
235                                         state,  "default" 0.0;
236
237                                         /* Use the relative size of the LCD itself, then position with align */
238                                         rel1 {
239                                                 relative, 0.0 0.0;
240                                                 offset, 8 0;
241                                                 to, "lcd_backdrop";
242                                         }
243
244                                         rel2 {
245                                                 relative, 1.0 1.0;
246                                                 offset, -1 -1;
247                                                 to, "lcd_backdrop";
248                                         }
249
250
251                                         color,  181 247 255 255;
252                                         text {
253                                                 text, "Song Name";       /* Text String */
254                                                 font, "redensek";   /* Only font Vera works!  Use other and segv */
255                                                 size, 12;       /* Font Size */
256                                                 align, 0.0 0.5;       /* Text alignment based on rel1/rel2 */
257                                         }
258                                 }
259                         }
260
261                         /* Time Counter  */
262                         part {
263                                 name, "time_text";
264                                 type,   TEXT;
265                                 //effect, OUTLINE_SOFT_SHADOW;
266                                 clip_to, "lcd_clip";
267                                 mouse_events, 1;
268                                 description {
269                                         state,  "default" 0.0;
270
271                                         /* Use the relative size of the LCD itself, then position with align */
272                                         rel1 {
273                                                 relative, 0.0 0.0;
274                                                 offset, 0 0;
275                                                 to, "lcd_backdrop";
276                                         }
277
278                                         rel2 {
279                                                 relative, 1.0 1.0;
280                                                 offset, -9 -1;
281                                                 to, "lcd_backdrop";
282                                         }
283
284
285                                         color,  181 247 255 255;
286                                         text {
287                                                 text, "0:00";       /* Text String */
288                                                 font, "micro";   /* Only font Vera works!  Use other and segv */
289                                                 size, 26;       /* Font Size */
290                                                 align, 1.0 1.0;       /* Text alignment based on rel1/rel2 */
291                                         }
292                                 }
293                         }
294
295
296                         /************* Buttons *******************************/
297                         /* Button Area */
298                         part {
299                                 name, "button_background";
300                                 type, IMAGE;
301                                 mouse_events, 0;
302                                 description {
303                                         state,  "default" 0.0;
304
305                                         rel1 {
306                                                 relative, 0.0 1.0;
307                                                 offset, 1 5;
308                                                 to, "lcd_backdrop";
309                                         }
310
311                                         rel2 {
312                                                 relative, 1.0 1.0;
313                                                 offset, 0 100;
314                                                 to, "lcd_backdrop";
315                                         }
316
317                                         image {
318                                                 normal, "controls-back.png";
319                                                 border, 5 5 5 5;
320                                         }
321
322
323                                         fill {
324                                                 smooth, 0;
325                                         }
326                                 }
327                         }
328
329
330                         /* Previous Button */
331                         part {
332                                 name, "previous_button";
333                                 mouse_events, 1;
334                                 description {
335                                         state,  "default" 0.0;
336                                         min, 56 40;
337                                         max, 56 40;
338
339                                         rel1 {
340                                                 relative, 0.0 0.0;
341                                                 offset, 5 5;
342                                                 to, "button_background";
343                                         }
344                                         rel2 {
345                                                 relative, 0.0 0.0;
346                                                 offset, 61 45;
347                                                 to, "button_background";
348                                         }
349                                         image {
350                                                 normal, "button-full-normal.png";
351                                         }
352                                 }
353
354                                 description {
355                                         state,  "clicked" 0.0;
356                                         min, 56 40;
357                                         max, 56 40;
358
359                                         rel1 {
360                                                 relative, 0.0 0.0;
361                                                 offset, 5 5;
362                                                 to, "button_background";
363                                         }
364                                         rel2 {
365                                                 relative, 0.0 0.0;
366                                                 offset, 61 45;
367                                                 to, "button_background";
368                                         }
369
370                                         image {
371                                                 normal, "button-full-clicked.png";
372                                         }
373                                 }
374
375                         }
376                         /* Play Button */
377                         part {
378                                 name, "play_button";
379                                 mouse_events, 1;
380                                 description {
381                                         state,  "default" 0.0;
382                                         min, 56 40;
383                                         max, 56 40;
384                                         align, 0.5 0.0;
385
386                                         rel1 {
387                                                 relative, 1.0 0.0;
388                                                 offset, 0 0;
389                                                 to, "previous_button";
390                                         }
391                                         rel2 {
392                                                 relative, 0.0 1.0;
393                                                 offset, -0 -0;
394                                                 to, "next_button";
395                                         }
396                                         image {
397                                                 normal, "button-full-normal.png";
398                                         }
399                                 }
400                                 description {
401                                         state,  "clicked" 0.0;
402                                         min, 56 40;
403                                         max, 56 40;
404                                         align, 0.5 0.0;
405
406                                         rel1 {
407                                                 relative, 1.0 0.0;
408                                                 offset, 0 0;
409                                                 to, "previous_button";
410                                         }
411                                         rel2 {
412                                                 relative, 0.0 1.0;
413                                                 offset, -0 -0;
414                                                 to, "next_button";
415                                         }
416
417                                         image {
418                                                 normal, "button-full-clicked.png";
419                                         }
420                                 }
421                                 description {
422                                         state,  "blink" 0.0;
423                                         min, 56 40;
424                                         max, 56 40;
425                                         align, 0.5 0.0;
426
427                                         rel1 {
428                                                 relative, 1.0 0.0;
429                                                 offset, 0 0;
430                                                 to, "previous_button";
431                                         }
432                                         rel2 {
433                                                 relative, 0.0 1.0;
434                                                 offset, -0 -0;
435                                                 to, "next_button";
436                                         }
437
438                                         image {
439                                                 normal, "button-full-blinking.png";
440                                                 tween,  "button-full-unblinking.png";
441                                         }
442                                 }
443
444                         }
445
446                         /* Next Button */
447                         part {
448                                 name, "next_button";
449                                 mouse_events, 1;
450                                 description {
451                                         state,  "default" 0.0;
452                                         min, 56 40;
453                                         max, 56 40;
454
455                                         rel1 {
456                                                 relative, 1.0 0.0;
457                                                 offset, -61 5;
458                                                 to, "button_background";
459                                         }
460                                         rel2 {
461                                                 relative, 1.0 0.0;
462                                                 offset, -5 45;
463                                                 to, "button_background";
464                                         }
465                                         image {
466                                                 normal, "button-full-normal.png";
467                                         }
468                                 }
469                                 description {
470                                         state,  "clicked" 0.0;
471                                         min, 56 40;
472                                         max, 56 40;
473
474                                         rel1 {
475                                                 relative, 1.0 0.0;
476                                                 offset, -61 5;
477                                                 to, "button_background";
478                                         }
479                                         rel2 {
480                                                 relative, 1.0 0.0;
481                                                 offset, -5 45;
482                                                 to, "button_background";
483                                         }
484                                         image {
485                                                 normal, "button-full-clicked.png";
486                                         }
487                                 }
488                         }
489
490                         /* Seekback Button */
491                         part {
492                                 name, "seekback_button";
493                                 mouse_events, 1;
494                                 description {
495                                         state,  "default" 0.0;
496                                         min, 56 40;
497                                         max, 56 40;
498                                         visible, 1;
499
500                                         rel1 {
501                                                 relative, 0.0 0.0;
502                                                 offset, 5 50;
503                                                 to, "button_background";
504                                         }
505                                         rel2 {
506                                                 relative, 0.0 0.0;
507                                                 offset, 61 90;
508                                                 to, "button_background";
509                                         }
510
511                                         image {
512                                                 normal, "button-full-normal.png";
513                                         }
514                                 }
515                                 description {
516                                         state,  "clicked" 0.0;
517                                         min, 56 40;
518                                         max, 56 40;
519                                         visible, 1;
520
521                                         rel1 {
522                                                 relative, 0.0 0.0;
523                                                 offset, 5 50;
524                                                 to, "button_background";
525                                         }
526                                         rel2 {
527                                                 relative, 0.0 0.0;
528                                                 offset, 61 90;
529                                                 to, "button_background";
530                                         }
531
532                                         image {
533                                                 normal, "button-full-clicked.png";
534                                         }
535                                 }
536                         }
537
538                         /* Pause Button */
539                         part {
540                                 name, "pause_button";
541                                 mouse_events, 1;
542                                 description {
543                                         state,  "default" 0.0;
544                                         min, 56 40;
545                                         max, 56 40;
546                                         visible, 1;
547
548                                         rel1 {
549                                                 relative, 1.0 0.0;
550                                                 offset, 0 0;
551                                                 to, "seekback_button";
552                                         }
553                                         rel2 {
554                                                 relative, 0.0 1.0;
555                                                 offset, -0 -0;
556                                                 to, "seekforward_button";
557                                         }
558
559                                         image {
560                                                 normal, "button-3stage-unselected.png";
561                                                 tween,  "button-3stage-fulldown.png";
562                                         }
563                                 }
564                                 description {
565                                         state,  "clicked" 0.0;
566                                         min, 56 40;
567                                         max, 56 40;
568                                         visible, 1;
569
570                                         rel1 {
571                                                 relative, 1.0 0.0;
572                                                 offset, 0 0;
573                                                 to, "seekback_button";
574                                         }
575                                         rel2 {
576                                                 relative, 0.0 1.0;
577                                                 offset, -0 -0;
578                                                 to, "seekforward_button";
579                                         }
580
581                                         image {
582                                                 normal, "button-3stage-selected.png";
583                                                 tween, "button-3stage-fulldown.png";
584                                         }
585                                 }
586                                 description {
587                                         state,  "blink" 0.0;
588                                         min, 56 40;
589                                         max, 56 40;
590                                         visible, 1;
591
592                                         rel1 {
593                                                 relative, 1.0 0.0;
594                                                 offset, 0 0;
595                                                 to, "seekback_button";
596                                         }
597                                         rel2 {
598                                                 relative, 0.0 1.0;
599                                                 offset, -0 -0;
600                                                 to, "seekforward_button";
601                                         }
602
603                                         image {
604                                                 normal, "button-full-blinking.png";
605                                                 tween,  "button-full-unblinking.png";
606                                         }
607                                 }
608                         }
609                         /* Seekforward Button */
610                         part {
611                                 name, "seekforward_button";
612                                 mouse_events, 1;
613                                 description {
614                                         state,  "default" 0.0;
615                                         min, 56 40;
616                                         max, 56 40;
617                                         visible, 1;
618
619                                         rel1 {
620                                                 relative, 1.0 0.0;
621                                                 offset, -61 50;
622                                                 to, "button_background";
623                                         }
624                                         rel2 {
625                                                 relative, 1.0 0.0;
626                                                 offset, -5 90;
627                                                 to, "button_background";
628                                         }
629
630                                         image {
631                                                 normal, "button-full-normal.png";
632                                         }
633                                 }
634                                 description {
635                                         state,  "clicked" 0.0;
636                                         min, 56 40;
637                                         max, 56 40;
638                                         visible, 1;
639
640                                         rel1 {
641                                                 relative, 1.0 0.0;
642                                                 offset, -61 50;
643                                                 to, "button_background";
644                                         }
645                                         rel2 {
646                                                 relative, 1.0 0.0;
647                                                 offset, -5 90;
648                                                 to, "button_background";
649                                         }
650
651                                         image {
652                                                 normal, "button-full-clicked.png";
653                                         }
654                                 }
655                         }
656
657                         /***************** BUTTON TEXT ELEMENTS *******************************/
658                         part {
659                                 name, "previous_text";
660                                 type, TEXT;
661                                 //effect, SOFT_SHADOW;
662                                 mouse_events, 0;                /* Does part accept mouse events? */
663                                 //                      clip_to, "previous_button";     /* Clip anything outside of the specified object */
664                                 description {
665                                         state, "default" 0.0;
666
667                                         rel1 {
668                                                 relative, 0.0 0.0;
669                                                 offset, 0 0;
670                                                 to, "previous_button";
671                                         }
672                                         rel2 {
673                                                 relative, 1.0 1.0;
674                                                 offset, -1 -1;
675                                                 to, "previous_button";
676                                         }
677
678
679                                         color, 255 255 255 255;  /* Color of text */
680                                         color2, 0 0 255 255;    /* Does nothing for SOFT_SHADOW */
681                                         color3, 0 0 0 32;        /* Color of shadow */
682
683                                         text {
684                                                 text, "Previous";       /* Text String */
685                                                 font, "Vera";   /* Only font Vera works!  Use other and segv */
686                                                 size, 6;        /* Font Size */
687                                                 align,   0.5 0.5;       /* Text alignment based on rel1/rel2 */
688                                         }
689                                 }
690                         }
691
692                         part {
693                                 name, "play_text";
694                                 type, TEXT;
695                                 //effect, SOFT_SHADOW;
696                                 mouse_events, 0;                /* Does part accept mouse events? */
697                                 //                      clip_to, "play_button";     /* Clip anything outside of the specified object */
698                                 description {
699                                         state, "default" 0.0;
700
701                                         rel1 {
702                                                 relative, 0.0 0.0;
703                                                 offset, 0 0;
704                                                 to, "play_button";
705                                         }
706                                         rel2 {
707                                                 relative, 1.0 1.0;
708                                                 offset, -1 -1;
709                                                 to, "play_button";
710                                         }
711
712
713                                         color, 255 255 255 255;  /* Color of text */
714                                         color2, 0 0 255 255;    /* Does nothing for SOFT_SHADOW */
715                                         color3, 0 0 0 32;      /* Color of shadow */
716
717                                         text {
718                                                 text, "Play";       /* Text String */
719                                                 font, "Vera";   /* Only font Vera works!  Use other and segv */
720                                                 size, 6;       /* Font Size */
721                                                 align,   0.5 0.5;       /* Text alignment based on rel1/rel2 */
722                                         }
723                                 }
724                         }
725
726                         part {
727                                 name, "next_text";
728                                 type, TEXT;
729                                 //effect, SOFT_SHADOW;
730                                 mouse_events, 0;                /* Does part accept mouse events? */
731                                 //                      clip_to, "next_button";     /* Clip anything outside of the specified object */
732                                 description {
733                                         state, "default" 0.0;
734
735                                         rel1 {
736                                                 relative, 0.0 0.0;
737                                                 offset, 0 0;
738                                                 to, "next_button";
739                                         }
740                                         rel2 {
741                                                 relative, 1.0 1.0;
742                                                 offset, -1 -1;
743                                                 to, "next_button";
744                                         }
745
746
747                                         color, 255 255 255 255;  /* Color of text */
748                                         color2, 0 0 255 255;    /* Does nothing for SOFT_SHADOW */
749                                         color3, 0 0 0 32;      /* Color of shadow */
750
751                                         text {
752                                                 text, "Next";       /* Text String */
753                                                 font, "Vera";   /* Only font Vera works!  Use other and segv */
754                                                 size, 6;       /* Font Size */
755                                                 align,   0.5 0.5;       /* Text alignment based on rel1/rel2 */
756                                         }
757                                 }
758                         }
759
760                         part {
761                                 name, "seekback_text";
762                                 type, TEXT;
763                                 //effect, SOFT_SHADOW;
764                                 mouse_events, 0;                /* Does part accept mouse events? */
765                                 //                      clip_to, "seekback_button";     /* Clip anything outside of the specified object */
766                                 description {
767                                         state, "default" 0.0;
768
769                                         rel1 {
770                                                 relative, 0.0 0.0;
771                                                 offset, 0 0;
772                                                 to, "seekback_button";
773                                         }
774                                         rel2 {
775                                                 relative, 1.0 1.0;
776                                                 offset, -1 -1;
777                                                 to, "seekback_button";
778                                         }
779
780
781                                         color, 255 255 255 255;  /* Color of text */
782                                         color2, 0 0 255 255;    /* Does nothing for SOFT_SHADOW */
783                                         color3, 0 0 0 32;      /* Color of shadow */
784
785                                         text {
786                                                 text, "<<";       /* Text String */
787                                                 font, "Vera";   /* Only font Vera works!  Use other and segv */
788                                                 size, 6;       /* Font Size */
789                                                 align,   0.5 0.5;       /* Text alignment based on rel1/rel2 */
790                                         }
791                                 }
792                         }
793
794                         part {
795                                 name, "pause_text";
796                                 type, TEXT;
797                                 //effect, SOFT_SHADOW;
798                                 mouse_events, 0;                /* Does part accept mouse events? */
799                                 //                      clip_to, "pause_button";     /* Clip anything outside of the specified object */
800                                 description {
801                                         state, "default" 0.0;
802
803                                         rel1 {
804                                                 relative, 0.0 0.0;
805                                                 offset, 0 0;
806                                                 to, "pause_button";
807                                         }
808                                         rel2 {
809                                                 relative, 1.0 1.0;
810                                                 offset, -1 -1;
811                                                 to, "pause_button";
812                                         }
813
814
815                                         color, 255 255 255 255;  /* Color of text */
816                                         color2, 0 0 255 255;    /* Does nothing for SOFT_SHADOW */
817                                         color3, 0 0 0 32;      /* Color of shadow */
818
819                                         text {
820                                                 text, "Pause";       /* Text String */
821                                                 font, "Vera";   /* Only font Vera works!  Use other and segv */
822                                                 size, 6;       /* Font Size */
823                                                 align,   0.5 0.5;       /* Text alignment based on rel1/rel2 */
824                                         }
825                                 }
826                         }
827
828                         part {
829                                 name, "seekforward_text";
830                                 type, TEXT;
831                                 //effect, SOFT_SHADOW;
832                                 mouse_events, 0;                /* Does part accept mouse events? */
833                                 //                      clip_to, "seekforward_button";     /* Clip anything outside of the specified object */
834                                 description {
835                                         state, "default" 0.0;
836
837                                         rel1 {
838                                                 relative, 0.0 0.0;
839                                                 offset, 0 0;
840                                                 to, "seekforward_button";
841                                         }
842                                         rel2 {
843                                                 relative, 1.0 1.0;
844                                                 offset, -1 -1;
845                                                 to, "seekforward_button";
846                                         }
847
848
849                                         color, 255 255 255 255;  /* Color of text */
850                                         color2, 0 0 255 255;    /* Does nothing for SOFT_SHADOW */
851                                         color3, 0 0 0 32;      /* Color of shadow */
852
853                                         text {
854                                                 text, ">>";       /* Text String */
855                                                 font, "Vera";   /* Only font Vera works!  Use other and segv */
856                                                 size, 6;       /* Font Size */
857                                                 align,   0.5 0.5;       /* Text alignment based on rel1/rel2 */
858                                         }
859                                 }
860                         }
861
862                         part {
863                                 name, "repeat_toggle_disabled_img";
864                                 type, IMAGE;
865                                 mouse_events, 1;
866
867                                 description {
868                                         state, "default" 0.0;
869                                         visible, 1;
870                                         min, 57 20;
871                                         max, 57 20;
872
873                                         rel1 {
874                                                 relative, 0.0 1.0;
875                                                 offset, 25 28;
876                                                 to, "button_background";
877                                         }
878
879                                         rel2 {
880                                                 relative, 0.25 1.0;
881                                                 offset, 0 0;
882                                                 to, "button_background";
883                                         }
884
885                                         image {
886                                                 normal, "button-off.png";
887                                         }
888                                 }
889
890                                 description {
891                                         state, "disabled" 0.0;
892                                         inherit, "default" 0.0;
893                                         visible, 0;
894                                 }
895                         }
896
897                         part {
898                                 name, "repeat_toggle_enabled_img";
899
900                                 description {
901                                         state, "default" 0.0;
902                                         min, 57 20;
903                                         max, 57 20;
904                                         visible, 0;
905
906                                         rel1 {
907                                                 relative, 0.0 1.0;
908                                                 offset, 25 28;
909                                                 to, "button_background";
910                                         }
911
912                                         rel2 {
913                                                 relative, 0.25 1.0;
914                                                 offset, 0 0;
915                                                 to, "button_background";
916                                         }
917
918                                         image {
919                                                 normal, "button-on.png";
920                                         }
921                                 }
922
923                                 description {
924                                         state, "enabled" 0.0;
925                                         inherit: "default" 0.0;
926                                         visible, 1;
927                                 }
928                         }
929                         part {
930                                 name, "repeat_toggle_label";
931                                 type, TEXT;
932                                 mouse_events, 0;
933
934                                 description {
935                                         state, "default" 0.0;
936
937                                         rel1 {
938                                                 relative, 0.0 0.0;
939                                                 offset, 0 0;
940                                                 to, "repeat_toggle_disabled_img";
941                                         }
942
943                                         rel2 {
944                                                 relative, 1.0 1.0;
945                                                 offset, -1 -1;
946                                                 to, "repeat_toggle_disabled_img";
947                                         }
948
949                                         color, 0 0 0 255;
950
951                                         text {
952                                                 text, "REPEAT";
953                                                 font, "Vera";
954                                                 size, 5;
955                                                 align, 0.5 0.6;
956                                         }
957                                 }
958                         }
959
960                         /********** Volume  Controls ***************************************/
961                         part {
962                                 name, "vol_label";
963                                 mouse_events, 0;
964                                 description {
965                                         state,  "default" 0.0;
966                                         min, 21 20;
967                                         max, 21 20;
968
969                                         rel1 {
970                                                 relative, 1.0 1.0;
971                                                 offset, -21 4;
972                                                 to, "button_background";
973                                         }
974                                         rel2 {
975                                                 relative, 1.0 1.0;
976                                                 offset, 0 24;
977                                                 to, "button_background";
978                                         }
979
980                                         image {
981                                                 normal, "vol-label.png";
982                                         }
983                                 }
984                         }
985
986                         part {
987                                 name, "vol_label_text";
988                                 type, TEXT;
989                                 mouse_events, 0;                /* Does part accept mouse events? */
990                                 description {
991                                         state, "default" 0.0;
992
993                                         rel1 {
994                                                 relative, 0.0 0.0;
995                                                 offset, 0 0;
996                                                 to, "vol_label";
997                                         }
998                                         rel2 {
999                                                 relative, 1.0 1.0;
1000                                                 offset, -1 -1;
1001                                                 to, "vol_label";
1002                                         }
1003
1004
1005                                         color, 255 255 255 255;  /* Color of text */
1006                                         color2, 0 0 255 255;    /* Does nothing for SOFT_SHADOW */
1007                                         color3, 0 0 0 32;        /* Color of shadow */
1008
1009                                         text {
1010                                                 text, "VOL";       /* Text String */
1011                                                 font, "Vera";   /* Only font Vera works!  Use other and segv */
1012                                                 size, 5;        /* Font Size */
1013                                                 align,   0.5 0.6;       /* Text alignment based on rel1/rel2 */
1014                                         }
1015                                 }
1016                         }
1017
1018                         part {
1019                                 name, "vol_display";
1020                                 mouse_events, 0;
1021                                 description {
1022                                         state,  "default" 0.0;
1023                                         min, 23 20;
1024                                         max, 23 20;
1025
1026                                         rel1 {
1027                                                 relative, 0.0 0.0;
1028                                                 offset, -23 0;
1029                                                 to, "vol_label";
1030                                         }
1031                                         rel2 {
1032                                                 relative, 0.0 1.0;
1033                                                 offset, 0 0;
1034                                                 to, "vol_label";
1035                                         }
1036
1037                                         image {
1038                                                 normal, "vol-display.png";
1039                                         }
1040                                 }
1041                         }
1042
1043                         part {
1044                                 name, "vol_display_text";
1045                                 type,   TEXT;
1046                                 //clip_to, "vol_display";
1047                                 description {
1048                                         state,  "default" 0.0;
1049
1050                                         /* Use the relative size of the LCD itself, then position with align */
1051                                         rel1 {
1052                                                 relative, 0.0 0.0;
1053                                                 offset, 0 0;
1054                                                 to, "vol_display";
1055                                         }
1056
1057                                         rel2 {
1058                                                 relative, 1.0 1.0;
1059                                                 offset, -1 -1;
1060                                                 to, "vol_display";
1061                                         }
1062
1063
1064                                         color,  181 247 255 255;
1065                                         text {
1066                                                 text, "00";       /* Text String */
1067                                                 font, "Vera";   /* Only font Vera works!  Use other and segv */
1068                                                 size, 8;       /* Font Size */
1069                                                 align, 0.5 0.6;       /* Text alignment based on rel1/rel2 */
1070                                         }
1071                                 }
1072                         }
1073
1074                         part {
1075                                 name, "vol_incr_button";
1076                                 mouse_events, 1;
1077                                 description {
1078                                         state,  "default" 0.0;
1079                                         min, 25 20;
1080                                         max, 25 20;
1081
1082                                         rel1 {
1083                                                 relative, 0.0 0.0;
1084                                                 offset, -25 0;
1085                                                 to, "vol_display";
1086                                         }
1087                                         rel2 {
1088                                                 relative, 0.0 1.0;
1089                                                 offset, 0 0;
1090                                                 to, "vol_display";
1091                                         }
1092
1093                                         image {
1094                                                 normal, "vol-plus.png";
1095                                         }
1096                                 }
1097                                 description {
1098                                         state,  "clicked" 0.0;
1099                                         min, 25 20;
1100                                         max, 25 20;
1101
1102                                         rel1 {
1103                                                 relative, 0.0 0.0;
1104                                                 offset, -25 0;
1105                                                 to, "vol_display";
1106                                         }
1107                                         rel2 {
1108                                                 relative, 0.0 1.0;
1109                                                 offset, 0 0;
1110                                                 to, "vol_display";
1111                                         }
1112
1113                                         image {
1114                                                 normal, "vol-plus-clicked.png";
1115                                         }
1116                                 }
1117                         }
1118
1119                         part {
1120                                 name, "vol_decr_button";
1121                                 mouse_events, 1;
1122                                 description {
1123                                         state,  "default" 0.0;
1124                                         min, 29 20;
1125                                         max, 29 20;
1126
1127                                         rel1 {
1128                                                 relative, 0.0 0.0;
1129                                                 offset, -29 0;
1130                                                 to, "vol_incr_button";
1131                                         }
1132                                         rel2 {
1133                                                 relative, 0.0 1.0;
1134                                                 offset, 0 0;
1135                                                 to, "vol_incr_button";
1136                                         }
1137
1138                                         image {
1139                                                 normal, "vol-minus.png";
1140                                         }
1141                                 }
1142                                 description {
1143                                         state,  "clicked" 0.0;
1144                                         min, 29 20;
1145                                         max, 29 20;
1146
1147                                         rel1 {
1148                                                 relative, 0.0 0.0;
1149                                                 offset, -29 0;
1150                                                 to, "vol_incr_button";
1151                                         }
1152                                         rel2 {
1153                                                 relative, 0.0 1.0;
1154                                                 offset, 0 0;
1155                                                 to, "vol_incr_button";
1156                                         }
1157
1158                                         image {
1159                                                 normal, "vol-minus-clicked.png";
1160                                         }
1161                                 }
1162                         }
1163
1164                         /************ PLAYLIST **************************************************/
1165
1166                         /* LCD Playlist Backdrop Image */
1167                         part {
1168                                 name, "playlist_backdrop";
1169                                 type, IMAGE;
1170                                 mouse_events, 0;
1171                                 description {
1172                                         state,  "default" 0.0;
1173
1174                                         rel1 {
1175                                                 relative, 0.0 0.0;
1176                                                 offset, 5 210;
1177                                         }
1178
1179                                         rel2 {
1180                                                 relative, 1.0 1.0;
1181                                                 offset, -6 -24;
1182                                         }
1183
1184                                         image {
1185                                                 normal, "lcd_area.png";
1186                                                 border, 5 5 5 5;
1187                                         }
1188
1189                                         fill {
1190                                                 smooth, 0;
1191                                         }
1192                                 }
1193                         }
1194
1195                         part {
1196                                 name, "playlist";
1197                                 type, RECT;
1198                                 mouse_events, 1;
1199
1200                                 description {
1201                                         state, "default" 0.0;
1202
1203                                         rel1 {
1204                                                 relative, 0.0 0.0;
1205                                                 offset, 8 5;
1206                                                 to, "playlist_backdrop";
1207                                         }
1208
1209                                         rel2 {
1210                                                 relative, 1.0 1.0;
1211                                                 offset, -6 -6;
1212                                                 to, "playlist_backdrop";
1213                                         }
1214                                         color, 0 0 0 0;
1215                                 }
1216                         }
1217
1218                         /********* PLAYLIST CONTROLS ****************************/
1219                         /* Button Area */
1220                         part {
1221                                 name, "controls_background";
1222                                 type, IMAGE;
1223                                 mouse_events, 0;
1224                                 description {
1225                                         state,  "default" 0.0;
1226
1227                                         rel1 {
1228                                                 relative, 0.0 1.0;
1229                                                 offset, 0 1;
1230                                                 to, "playlist_backdrop";
1231                                         }
1232
1233                                         rel2 {
1234                                                 relative, 1.0 1.0;
1235                                                 offset, -6 -3;
1236                                                 //to, "playlist_backdrop";
1237                                         }
1238
1239                                         image {
1240                                                 normal, "controls-back.png";
1241                                                 border, 5 5 5 5;
1242                                         }
1243
1244                                         fill {
1245                                                 smooth, 0;
1246                                         }
1247                                 }
1248                         }
1249
1250                         part {
1251                                 name, "add_button";
1252                                 type, IMAGE;
1253                                 mouse_events, 1;
1254
1255                                 description {
1256                                         state, "default" 0.0;
1257
1258                                         rel1 {
1259                                                 relative, 0.0 1.0;
1260                                                 offset, 2 2;
1261                                                 to, "playlist_backdrop";
1262                                         }
1263
1264                                         rel2 {
1265                                                 relative, 0.0 1.0;
1266                                                 offset, 56 20;
1267                                                 to, "playlist_backdrop";
1268                                         }
1269
1270
1271                                         image {
1272                                                 normal, "function-button-normal.png";
1273                                                 border, 5 5 5 5;
1274                                         }
1275                                 }
1276                                 description {
1277                                         state, "clicked" 0.0;
1278
1279                                         rel1 {
1280                                                 relative, 0.0 1.0;
1281                                                 offset, 2 2;
1282                                                 to, "playlist_backdrop";
1283                                         }
1284
1285                                         rel2 {
1286                                                 relative, 0.0 1.0;
1287                                                 offset, 56 20;
1288                                                 to, "playlist_backdrop";
1289                                         }
1290
1291                                         image {
1292                                                 normal, "function-button-clicked.png";
1293                                                 border, 5 5 5 5;
1294                                         }
1295                                 }
1296                         }
1297
1298                         part {
1299                                 name, "del_button";
1300                                 type, IMAGE;
1301                                 mouse_events, 1;
1302
1303                                 description {
1304                                         state, "default" 0.0;
1305
1306                                         rel1 {
1307                                                 relative, 0.0 1.0;
1308                                                 offset, 67 2;
1309                                                 to, "playlist_backdrop";
1310                                         }
1311
1312                                         rel2 {
1313                                                 relative, 0.0 1.0;
1314                                                 offset, 121 20;
1315                                                 to, "playlist_backdrop";
1316                                         }
1317
1318                                         image {
1319                                                 normal, "function-button-normal.png";
1320                                                 border, 5 5 5 5;
1321                                         }
1322                                 }
1323                                 description {
1324                                         state, "clicked" 0.0;
1325
1326                                         rel1 {
1327                                                 relative, 0.0 1.0;
1328                                                 offset, 67 2;
1329                                                 to, "playlist_backdrop";
1330                                         }
1331
1332                                         rel2 {
1333                                                 relative, 0.0 1.0;
1334                                                 offset, 121 20;
1335                                                 to, "playlist_backdrop";
1336                                         }
1337
1338                                         image {
1339                                                 normal, "function-button-clicked.png";
1340                                                 border, 5 5 5 5;
1341                                         }
1342                                 }
1343                         }
1344
1345                         part {
1346                                 name, "edit_button";
1347                                 type, IMAGE;
1348                                 mouse_events, 1;
1349
1350                                 description {
1351                                         state, "default" 0.0;
1352
1353                                         rel1 {
1354                                                 relative, 0.0 1.0;
1355                                                 offset, 132 2;
1356                                                 to, "playlist_backdrop";
1357                                         }
1358
1359                                         rel2 {
1360                                                 relative, 0.0 1.0;
1361                                                 offset, 188 20;
1362                                                 to, "playlist_backdrop";
1363                                         }
1364
1365                                         image {
1366                                                 normal, "function-button-normal.png";
1367                                                 border, 5 5 5 5;
1368                                         }
1369                                 }
1370                                 description {
1371                                         state, "clicked" 0.0;
1372
1373                                         rel1 {
1374                                                 relative, 0.0 1.0;
1375                                                 offset, 132 2;
1376                                                 to, "playlist_backdrop";
1377                                         }
1378
1379                                         rel2 {
1380                                                 relative, 0.0 1.0;
1381                                                 offset, 188 20;
1382                                                 to, "playlist_backdrop";
1383                                         }
1384
1385                                         image {
1386                                                 normal, "function-button-clicked.png";
1387                                                 border, 5 5 5 5;
1388                                         }
1389                                 }
1390                         }
1391
1392                         /*** CONTROL TEXT ***/
1393
1394                         part {
1395                                 name, "add_text";
1396                                 type, TEXT;
1397                                 mouse_events, 0;
1398
1399                                 description {
1400                                         state, "default" 0.0;
1401                                         visible, 1;
1402
1403                                         rel1 {
1404                                                 relative, 0.0 0.0;
1405                                                 offset, 0 0;
1406                                                 to, "add_button";
1407                                         }
1408
1409                                         rel2 {
1410                                                 relative, 1.0 1.0;
1411                                                 offset, -1 -1;
1412                                                 to, "add_button";
1413                                         }
1414
1415                                         text {
1416                                                 text, "Add";
1417                                                 font, "Vera";
1418                                                 size, 6;
1419                                                 align, 0.5 0.7;
1420                                         }
1421
1422                                         color, 255 255 255 255;
1423                                 }
1424                         }
1425
1426                         part {
1427                                 name, "del_text";
1428                                 type, TEXT;
1429                                 mouse_events, 0;
1430
1431                                 description {
1432                                         state, "default" 0.0;
1433                                         visible, 1;
1434
1435                                         rel1 {
1436                                                 relative, 0.0 0.0;
1437                                                 offset, 0 0;
1438                                                 to, "del_button";
1439                                         }
1440
1441                                         rel2 {
1442                                                 relative, 1.0 1.0;
1443                                                 offset, -1 -1;
1444                                                 to, "del_button";
1445                                         }
1446
1447                                         text {
1448                                                 text, "Delete";
1449                                                 font, "Vera";
1450                                                 size, 6;
1451                                                 align, 0.5 0.7;
1452                                         }
1453
1454                                         color, 255 255 255 255;
1455                                 }
1456                         }
1457
1458                         part {
1459                                 name, "edit_text";
1460                                 type, TEXT;
1461                                 mouse_events, 0;
1462
1463                                 description {
1464                                         state, "default" 0.0;
1465                                         visible, 1;
1466
1467                                         rel1 {
1468                                                 relative, 0.0 0.0;
1469                                                 offset, 0 0;
1470                                                 to, "edit_button";
1471                                         }
1472
1473                                         rel2 {
1474                                                 relative, 1.0 1.0;
1475                                                 offset, -1 -1;
1476                                                 to, "edit_button";
1477                                         }
1478
1479                                         text {
1480                                                 text, "Edit";
1481                                                 font, "Vera";
1482                                                 size, 6;
1483                                                 align, 0.5 0.7;
1484                                         }
1485
1486                                         color, 255 255 255 255;
1487                                 }
1488                         }
1489
1490
1491 /************ FIN ***************/