tizen 2.4 release
[framework/uifw/elementary.git] / data / themes / edc / elm / bubble.edc
1 group { name: "elm/bubble/top_left/default";
2    alias: "elm/bubble/base/default";
3    images.image: "bub_base_tl.png" COMP;
4    images.image: "bub_base_tr.png" COMP;
5    images.image: "bub_over_top.png" COMP;
6    images.image: "shine.png" COMP;
7    parts {
8       part { name: "event"; type: RECT;
9          description { state: "default" 0.0;
10             color: 0 0 0 0;
11          }
12       }
13       part { name: "elm.swallow.icon"; type: SWALLOW;
14          description { state: "default" 0.0;
15             fixed: 1 1;
16             visible: 0;
17             align: 0.0 0.0;
18             aspect: 1.0 1.0; aspect_preference: VERTICAL;
19             rel1.offset: 2 2;
20             rel2 {
21                to_y: "elm.text";
22                relative: 0.0 1.0;
23                offset: 2 -1;
24             }
25          }
26          description { state: "visible" 0.0;
27             inherit: "default" 0.0;
28             visible: 1;
29          }
30       }
31       part { name: "sizer.content"; type: TEXT; mouse_events:  0;
32          scale: 1;
33          description { state: "default" 0.0;
34             fixed: 1 1;
35             visible: 0;
36             text { font: FN; size: 10;
37                min: 0 0;
38                text_class: "bubble";
39             }
40          }
41          description { state: "visible" 0.0;
42             inherit: "default" 0.0;
43             rel1.to: "elm.swallow.icon";
44             rel2.to: "elm.swallow.icon";
45             text {
46                min: 1 1;
47                ellipsis: -1;
48                text: "M";
49             }
50          }
51       }
52       part { name: "elm.text"; type: TEXT; mouse_events: 0;
53          effect: SHADOW BOTTOM;
54          scale: 1;
55          description { state: "default" 0.0;
56             fixed: 0 1;
57             align: 0.0 0.0;
58             rel1 {
59                to_x: "elm.swallow.icon";
60                relative: 1.0 0.0;
61                offset: 2 2;
62             }
63             rel2 {
64                to_x: "elm.info";
65                relative: 0.0 0.0;
66                offset: -3 2;
67             }
68             color: FN_COL_DEFAULT;
69             color_class: "bubble_text";
70             text { font: FNBD; size: 10;
71                min: 0 1;
72                max: 0 1;
73                align: 0.0 0.0;
74                text_class: "bubble";
75             }
76          }
77       }
78       part { name: "elm.info"; type: TEXT; mouse_events: 0;
79          effect: SHADOW BOTTOM;
80          scale: 1;
81          description { state: "default" 0.0;
82             align: 1.0 0.0;
83             fixed: 1 1;
84             rel1.relative: 1.0 0.0;
85             rel1.offset: -3 2;
86             rel2.relative: 1.0 0.0;
87             rel2.offset: -3 2;
88             color: FN_COL_DISABLE;
89             color_class: "bubble_info";
90             text { font: FNBD; size: 10;
91                min: 1 1;
92                ellipsis: -1;
93                max: 1 1;
94                align: 1.0 0.0;
95                text_class: "bubble_info";
96             }
97          }
98       }
99       part { name: "base"; mouse_events:  0;
100          description { state: "default" 0.0;
101             rel1 {
102                to_y: "elm.swallow.icon";
103                relative: 0.0 1.0;
104                offset: 0 0;
105             }
106             image.normal: "bub_base_tl.png";
107             image.border: 24 8 12 9;
108             image.middle: SOLID;
109             fill.smooth: 0;
110          }
111          description { state: "rtl" 0.0;
112             inherit: "default" 0.0;
113             image.normal: "bub_base_tr.png";
114             image.border: 8 24 12 9;
115          }
116       }
117       part { name: "elm.swallow.content";
118          type: SWALLOW;
119          description { state: "default" 0.0;
120             rel1.to: "base";
121             rel1.offset: 5 9;
122             rel2.to: "base";
123             rel2.offset: -6 -7;
124          }
125       }
126       part { name: "over"; mouse_events:  0;
127          description { state: "default" 0.0;
128             rel1.to: "base";
129             rel1.offset: 20 6;
130             rel2.to: "base";
131             rel2.offset: -6 6;
132             rel2.relative: 1.0 0.4;
133             image.normal: "bub_over_top.png";
134             fill.smooth: 0;
135          }
136          description { state: "rtl" 0.0;
137             inherit: "default" 0.0;
138             rel1.offset: 5 6;
139             rel2.offset: -21 6;
140          }
141       }
142       part { name: "shine_clip"; type: RECT;
143          description { state: "default" 0.0;
144             rel1.to: "over";
145             rel1.offset: 0 -10;
146             rel2.to: "over";
147          }
148       }
149       part { name: "shine"; mouse_events: 0;
150          clip_to: "shine_clip";
151          description { state: "default" 0.0;
152             image.normal: "shine.png";
153             rel1.offset: 0 -2;
154             rel1.to: "over";
155             rel2.relative: 1.0 0.0;
156             rel2.offset: -1 2;
157             rel2.to: "over";
158             FIXED_SIZE(69, 5)
159          }
160       }
161    }
162    programs {
163       program {
164          signal: "elm,state,icon,visible"; source: "elm";
165          action: STATE_SET "visible" 0.0;
166          target: "elm.swallow.icon";
167          target: "sizer.content";
168       }
169       program {
170          signal: "elm,state,icon,hidden"; source: "elm";
171          action: STATE_SET "default" 0.0;
172          target: "elm.swallow.icon";
173          target: "sizer.content";
174       }
175       program {
176          signal: "edje,state,rtl"; source: "edje";
177          action: STATE_SET "rtl" 0.0;
178          target: "base";
179          target: "over";
180       }
181       program {
182          signal: "edje,state,ltr"; source: "edje";
183          action: STATE_SET "default" 0.0;
184          target: "base";
185          target: "over";
186       }
187    }
188 }
189
190 group { name: "elm/bubble/top_right/default";
191    images.image: "bub_base_tr.png" COMP;
192    images.image: "bub_base_tl.png" COMP;
193    images.image: "bub_over_top.png" COMP;
194    images.image: "shine.png" COMP;
195    parts {
196       part { name: "event"; type: RECT;
197          description { state: "default" 0.0;
198             color: 0 0 0 0;
199          }
200       }
201       part { name: "elm.swallow.icon"; type: SWALLOW;
202          description { state: "default" 0.0;
203             fixed: 1 1;
204             visible: 0;
205             align: 1.0 0.0;
206             aspect: 1.0 1.0; aspect_preference: VERTICAL;
207             rel1.offset: -3 2;
208             rel1.relative: 1.0 0.0;
209             rel2 {
210                to_y: "elm.text";
211                relative: 1.0 1.0;
212                offset: -3 -1;
213             }
214          }
215          description { state: "visible" 0.0;
216             inherit: "default" 0.0;
217             visible: 1;
218          }
219       }
220       part { name: "sizer.content"; type: TEXT; mouse_events:  0;
221          scale: 1;
222          description { state: "default" 0.0;
223             fixed: 1 1;
224             visible: 0;
225             text { font: FN; size: 10;
226                min: 0 0;
227                text_class: "bubble";
228             }
229          }
230          description { state: "visible" 0.0;
231             inherit: "default" 0.0;
232             rel1.to: "elm.swallow.icon";
233             rel2.to: "elm.swallow.icon";
234             text {
235                min: 1 1;
236                ellipsis: -1;
237                text: "M";
238             }
239          }
240       }
241       part { name: "elm.text"; type: TEXT; mouse_events: 0;
242          effect: SHADOW BOTTOM;
243          scale: 1;
244          description { state: "default" 0.0;
245             fixed: 0 1;
246             align: 0.0 0.0;
247             rel1.offset: 2 2;
248             rel2 {
249                to_x: "elm.info";
250                relative: 0.0 0.0;
251                offset: -3 2;
252             }
253             color: FN_COL_DEFAULT;
254             color_class: "bubble_text";
255             text { font: FNBD; size: 10;
256                min: 0 1;
257                max: 0 1;
258                align: 0.0 0.0;
259                text_class: "bubble";
260             }
261          }
262       }
263       part { name: "elm.info"; type: TEXT; mouse_events: 0;
264          effect: SHADOW BOTTOM;
265          scale: 1;
266          description { state: "default" 0.0;
267             align: 1.0 0.0;
268             fixed: 1 1;
269             rel1.relative: 1.0 0.0;
270             rel1.offset: -3 2;
271             rel2.to_x: "elm.swallow.icon";
272             rel2.relative: 0.0 0.0;
273             rel2.offset: -3 2;
274             color: FN_COL_DISABLE;
275             color_class: "bubble_info";
276             text { font: FNBD; size: 10;
277                min: 1 1;
278                ellipsis: -1;
279                max: 1 1;
280                align: 1.0 0.0;
281                text_class: "bubble_info";
282             }
283          }
284       }
285       part { name: "base"; mouse_events:  0;
286          description { state: "default" 0.0;
287             rel1 {
288                to_y: "elm.swallow.icon";
289                relative: 0.0 1.0;
290                offset: 0 0;
291             }
292             image.normal: "bub_base_tr.png";
293             image.border: 8 24 12 9;
294             image.middle: SOLID;
295             fill.smooth: 0;
296          }
297          description { state: "rtl" 0.0;
298             inherit: "default" 0.0;
299             image.normal: "bub_base_tl.png";
300             image.border: 24 8 12 9;
301          }
302       }
303       part { name: "elm.swallow.content";
304          type: SWALLOW;
305          description { state: "default" 0.0;
306             rel1.to: "base";
307             rel1.offset: 5 9;
308             rel2.to: "base";
309             rel2.offset: -6 -7;
310          }
311       }
312       part { name: "over"; mouse_events:  0;
313          description { state: "default" 0.0;
314             rel1.to: "base";
315             rel1.offset: 5 6;
316             rel2.to: "base";
317             rel2.offset: -21 6;
318             rel2.relative: 1.0 0.4;
319             image.normal: "bub_over_top.png";
320             fill.smooth: 0;
321          }
322          description { state: "rtl" 0.0;
323             inherit: "default" 0.0;
324             rel1.offset: 20 6;
325             rel2.offset: -6 6;
326          }
327       }
328       part { name: "shine_clip"; type: RECT;
329          description { state: "default" 0.0;
330             rel1.to: "over";
331             rel1.offset: 0 -10;
332             rel2.to: "over";
333          }
334       }
335       part { name: "shine"; mouse_events: 0;
336          clip_to: "shine_clip";
337          description { state: "default" 0.0;
338             image.normal: "shine.png";
339             rel1.offset: 0 -2;
340             rel1.to: "over";
341             rel2.relative: 1.0 0.0;
342             rel2.offset: -1 2;
343             rel2.to: "over";
344             FIXED_SIZE(69, 5)
345          }
346       }
347    }
348    programs {
349       program {
350          signal: "elm,state,icon,visible"; source: "elm";
351          action: STATE_SET "visible" 0.0;
352          target: "elm.swallow.icon";
353          target: "sizer.content";
354       }
355       program {
356          signal: "elm,state,icon,hidden"; source: "elm";
357          action: STATE_SET "default" 0.0;
358          target: "elm.swallow.icon";
359          target: "sizer.content";
360       }
361       program {
362          signal: "edje,state,rtl"; source: "edje";
363          action: STATE_SET "rtl" 0.0;
364          target: "base";
365          target: "over";
366       }
367       program {
368          signal: "edje,state,ltr"; source: "edje";
369          action: STATE_SET "default" 0.0;
370          target: "base";
371          target: "over";
372       }
373    }
374 }
375
376 group { name: "elm/bubble/bottom_left/default";
377    images.image: "bub_base_bl.png" COMP;
378    images.image: "bub_base_br.png" COMP;
379    images.image: "bub_over_bot.png" COMP;
380    images.image: "shine.png" COMP;
381    parts {
382       part { name: "event"; type: RECT;
383          description { state: "default" 0.0;
384             color: 0 0 0 0;
385          }
386       }
387       part { name: "elm.swallow.icon"; type: SWALLOW;
388          description { state: "default" 0.0;
389             fixed: 1 1;
390             visible: 0;
391             align: 0.0 1.0;
392             aspect: 1.0 1.0; aspect_preference: VERTICAL;
393             rel1 {
394                to_y: "elm.text";
395                offset: 2 0;
396             }
397             rel2 {
398                relative: 0.0 1.0;
399                offset: 2 -3;
400             }
401          }
402          description { state: "visible" 0.0;
403             inherit: "default" 0.0;
404             visible: 1;
405          }
406       }
407       part { name: "sizer.content"; type: TEXT; mouse_events:  0;
408          scale: 1;
409          description { state: "default" 0.0;
410             fixed: 1 1;
411             visible: 0;
412             text { font: FN; size: 10;
413                min: 0 0;
414                text_class: "bubble";
415             }
416          }
417          description { state: "visible" 0.0;
418             inherit: "default" 0.0;
419             rel1.to: "elm.swallow.icon";
420             rel2.to: "elm.swallow.icon";
421             text {
422                min: 1 1;
423                ellipsis: -1;
424                text: "M";
425             }
426          }
427       }
428       part { name: "elm.text"; type: TEXT; mouse_events: 0;
429          effect: SHADOW BOTTOM;
430          scale: 1;
431          description { state: "default" 0.0;
432             fixed: 0 1;
433             align: 0.0 1.0;
434             rel1 {
435                to_x: "elm.swallow.icon";
436                relative: 1.0 1.0;
437                offset: 2 -3;
438             }
439             rel2 {
440                to_x: "elm.info";
441                relative: 0.0 1.0;
442                offset: -3 -3;
443             }
444             color: FN_COL_DEFAULT;
445             color_class: "bubble_text";
446             text { font: FNBD; size: 10;
447                min: 0 1;
448                max: 0 1;
449                align: 0.0 1.0;
450                text_class: "bubble";
451             }
452          }
453       }
454       part { name: "elm.info"; type: TEXT; mouse_events: 0;
455          effect: SHADOW BOTTOM;
456          scale: 1;
457          description { state: "default" 0.0;
458             align: 1.0 1.0;
459             fixed: 1 1;
460             rel1.relative: 1.0 1.0;
461             rel1.offset: -3 -3;
462             rel2.relative: 1.0 1.0;
463             rel2.offset: -3 -3;
464             color: FN_COL_DISABLE;
465             color_class: "bubble_info";
466             text { font: FNBD; size: 10;
467                min: 1 1;
468                ellipsis: -1;
469                max: 1 1;
470                align: 1.0 1.0;
471                text_class: "bubble_info";
472             }
473          }
474       }
475       part { name: "base"; mouse_events:  0;
476          description { state: "default" 0.0;
477             rel2 {
478                to_y: "elm.swallow.icon";
479                relative: 1.0 0.0;
480             }
481             image.normal: "bub_base_bl.png";
482             image.border: 24 8 8 13;
483             image.middle: SOLID;
484             fill.smooth: 0;
485          }
486          description { state: "rtl" 0.0;
487             inherit: "default" 0.0;
488             image.normal: "bub_base_br.png";
489             image.border: 8 24 8 13;
490          }
491       }
492       part { name: "elm.swallow.content";
493          type: SWALLOW;
494          description { state: "default" 0.0;
495             rel1.to: "base";
496             rel1.offset: 5 4;
497             rel2.to: "base";
498             rel2.offset: -6 -12;
499          }
500       }
501       part { name: "over"; mouse_events:  0;
502          description { state: "default" 0.0;
503             rel1.to: "base";
504             rel1.offset: 2 1;
505             rel2.to: "base";
506             rel2.offset: -3 1;
507             rel2.relative: 1.0 0.4;
508             image.normal: "bub_over_bot.png";
509             fill.smooth: 0;
510          }
511       }
512       part { name: "shine_clip"; type: RECT;
513          description { state: "default" 0.0;
514             rel1.to: "over";
515             rel1.offset: 0 -10;
516             rel2.to: "over";
517          }
518       }
519       part { name: "shine"; mouse_events: 0;
520          clip_to: "shine_clip";
521          description { state: "default" 0.0;
522             image.normal: "shine.png";
523             rel1.offset: 0 -2;
524             rel1.to: "over";
525             rel2.relative: 1.0 0.0;
526             rel2.offset: -1 2;
527             rel2.to: "over";
528             FIXED_SIZE(69, 5)
529          }
530       }
531    }
532    programs {
533       program {
534          signal: "elm,state,icon,visible"; source: "elm";
535          action: STATE_SET "visible" 0.0;
536          target: "elm.swallow.icon";
537          target: "sizer.content";
538       }
539       program {
540          signal: "elm,state,icon,hidden"; source: "elm";
541          action: STATE_SET "default" 0.0;
542          target: "elm.swallow.icon";
543          target: "sizer.content";
544       }
545       program {
546          signal: "edje,state,rtl"; source: "edje";
547          action: STATE_SET "rtl" 0.0;
548          target: "base";
549       }
550       program {
551          signal: "edje,state,ltr"; source: "edje";
552          action: STATE_SET "default" 0.0;
553          target: "base";
554       }
555    }
556 }
557
558 group { name: "elm/bubble/bottom_right/default";
559    images.image: "bub_base_br.png" COMP;
560    images.image: "bub_base_bl.png" COMP;
561    images.image: "bub_over_bot.png" COMP;
562    images.image: "shine.png" COMP;
563    parts {
564       part { name: "event"; type: RECT;
565          description { state: "default" 0.0;
566             color: 0 0 0 0;
567          }
568       }
569       part { name: "elm.swallow.icon"; type: SWALLOW;
570          description { state: "default" 0.0;
571             fixed: 1 1;
572             visible: 0;
573             align: 1.0 1.0;
574             aspect: 1.0 1.0; aspect_preference: VERTICAL;
575             rel1 {
576                to_y: "elm.text";
577                offset: -3 0;
578             }
579             rel2 {
580                relative: 1.0 1.0;
581                offset: -3 -3;
582             }
583          }
584          description { state: "visible" 0.0;
585             inherit: "default" 0.0;
586             visible: 1;
587          }
588       }
589       part { name: "sizer.content"; type: TEXT; mouse_events:  0;
590          scale: 1;
591          description { state: "default" 0.0;
592             fixed: 1 1;
593             visible: 0;
594             text { font: FN; size: 10;
595                min: 0 0;
596                text_class: "bubble";
597             }
598          }
599          description { state: "visible" 0.0;
600             inherit: "default" 0.0;
601             rel1.to: "elm.swallow.icon";
602             rel2.to: "elm.swallow.icon";
603             text {
604                min: 1 1;
605                ellipsis: -1;
606                text: "M";
607             }
608          }
609       }
610       part { name: "elm.text"; type: TEXT; mouse_events: 0;
611          effect: SHADOW BOTTOM;
612          scale: 1;
613          description { state: "default" 0.0;
614             fixed: 0 1;
615             align: 0.0 1.0;
616             rel1 {
617                relative: 0.0 1.0;
618                offset: 2 -3;
619             }
620             rel2 {
621                to_x: "elm.info";
622                relative: 0.0 1.0;
623                offset: -3 -3;
624             }
625             color: FN_COL_DEFAULT;
626             color_class: "bubble_text";
627             text { font: FNBD; size: 10;
628                min: 0 1;
629                max: 0 1;
630                align: 0.0 1.0;
631                text_class: "bubble";
632             }
633          }
634       }
635       part { name: "elm.info"; type: TEXT; mouse_events: 0;
636          effect: SHADOW BOTTOM;
637          scale: 1;
638          description { state: "default" 0.0;
639             align: 1.0 1.0;
640             fixed: 1 1;
641             rel1.relative: 1.0 1.0;
642             rel1.offset: -3 -3;
643             rel2.to_x: "elm.swallow.icon";
644             rel2.relative: 0.0 1.0;
645             rel2.offset: -3 -3;
646             color: FN_COL_DISABLE;
647             color_class: "bubble_info";
648             text { font: FNBD; size: 10;
649                min: 1 1;
650                ellipsis: -1;
651                max: 1 1;
652                align: 1.0 1.0;
653                text_class: "bubble_info";
654             }
655          }
656       }
657       part { name: "base"; mouse_events:  0;
658          description { state: "default" 0.0;
659             rel2 {
660                to_y: "elm.swallow.icon";
661                relative: 1.0 0.0;
662             }
663             image.normal: "bub_base_br.png";
664             image.border: 8 24 8 13;
665             image.middle: SOLID;
666             fill.smooth: 0;
667          }
668          description { state: "rtl" 0.0;
669             inherit: "default" 0.0;
670             image.normal: "bub_base_bl.png";
671             image.border: 24 8 8 13;
672          }
673       }
674       part { name: "elm.swallow.content";
675          type: SWALLOW;
676          description { state: "default" 0.0;
677             rel1.to: "base";
678             rel1.offset: 5 4;
679             rel2.to: "base";
680             rel2.offset: -6 -12;
681          }
682       }
683       part { name: "over"; mouse_events:  0;
684          description { state: "default" 0.0;
685             rel1.to: "base";
686             rel1.offset: 2 1;
687             rel2.to: "base";
688             rel2.offset: -3 1;
689             rel2.relative: 1.0 0.4;
690             image.normal: "bub_over_bot.png";
691             fill.smooth: 0;
692          }
693       }
694       part { name: "shine_clip"; type: RECT;
695          description { state: "default" 0.0;
696             rel1.to: "over";
697             rel1.offset: 0 -10;
698             rel2.to: "over";
699          }
700       }
701       part { name: "shine"; mouse_events: 0;
702          clip_to: "shine_clip";
703          description { state: "default" 0.0;
704             image.normal: "shine.png";
705             rel1.offset: 0 -2;
706             rel1.to: "over";
707             rel2.relative: 1.0 0.0;
708             rel2.offset: -1 2;
709             rel2.to: "over";
710             FIXED_SIZE(69, 5)
711          }
712       }
713    }
714    programs {
715       program {
716          signal: "elm,state,icon,visible"; source: "elm";
717          action: STATE_SET "visible" 0.0;
718          target: "elm.swallow.icon";
719          target: "sizer.content";
720       }
721       program {
722          signal: "elm,state,icon,hidden"; source: "elm";
723          action: STATE_SET "default" 0.0;
724          target: "elm.swallow.icon";
725          target: "sizer.content";
726       }
727       program {
728          signal: "edje,state,rtl"; source: "edje";
729          action: STATE_SET "rtl" 0.0;
730          target: "base";
731       }
732       program {
733          signal: "edje,state,ltr"; source: "edje";
734          action: STATE_SET "default" 0.0;
735          target: "base";
736       }
737    }
738 }