elementary/naviframe - add blending effect to overlap style
[framework/uifw/elementary.git] / data / themes / widgets / naviframe.edc
1 group { name: "elm/naviframe/base/default";
2    name: "elm/naviframe/base/pager";
3    parts {
4       part { name: "base0";
5          description { state: "default" 0.0;
6          }
7       }
8    }
9 }
10 group { name: "elm/naviframe/item/basic/default";
11    parts {
12       part { name: "title_clip";
13          type: RECT;
14         description { state: "default" 0.0;
15             min: 1 55;
16             align: 0.0 0.0;
17             fixed: 0 1;
18             rel1 { relative: 0.0 0.0; }
19             rel2 { relative: 1.0 0.0; }
20          }
21          description { state: "hide" 0.0;
22             inherit: "default" 0.0;
23             min: 0 0;
24             max: 0 0;
25             fixed: 1 1;
26          }
27       }
28       part { name: "content_clip";
29          type: RECT;
30          mouse_events: 0;
31          description { state: "default" 0.0;
32             rel1.to_y: "title_clip";
33             rel1.relative: 0 1;
34          }
35       }
36       part { name: "content_base";
37          type: RECT;
38          clip_to: "content_clip";
39          description { state: "default" 0.0;
40             rel1 { to: "elm.swallow.content"; }
41             rel2 { to: "elm.swallow.content"; }
42             color: 225 225 225 255;
43          }
44       }
45       part { name: "elm.swallow.content";
46          type: SWALLOW;
47          scale: 1;
48          clip_to: "content_clip";
49          description { state: "default" 0.0;
50             align: 0.0 0.0;
51             rel1.relative: 0.0 1.0;
52             rel1.to_y: "title_clip";
53             rel2.relative: 1.0 1.0;
54          }
55          description { state: "left" 0.0;
56             inherit: "default" 0.0;
57             rel1.relative: -1.0 1.0;
58             rel2.relative: 0.0 1.0;
59          }
60          description { state: "right" 0.0;
61             inherit: "default" 0.0;
62             rel1.relative: 1.0 1.0;
63             rel2.relative: 2.0 1.0;
64          }
65       }
66       part { name: "title_base";
67          type: RECT;
68          description { state: "default" 0.0;
69             rel1 { to: "title_clip"; }
70             rel2 { to: "title_clip"; }
71             color: 225 225 225 255;
72          }
73       }
74       part { name: "title_separator";
75          type: RECT;
76          clip_to: "title_clip";
77          description { state: "default" 0.0;
78             min: 0 5;
79             align: 0.5 1;
80             fixed: 0 1;
81             rel1 { to: "title_clip"; relative: 0 1; }
82             rel2 { to: "title_clip"; }
83             color: 150 150 150 255;
84          }
85       }
86       part { name: "elm.swallow.prev_btn";
87          type: SWALLOW;
88          scale: 1;
89          clip_to: "title_clip";
90          description { state: "default" 0.0;
91             min: 80 40;
92             max: 80 40;
93             align: 0 0;
94             fixed: 1 1;
95             rel1.offset: 5 5;
96             rel1.to: "title_base";
97             rel2.offset: -1 -6;
98             rel2.to: "title_base";
99          }
100       }
101       part { name: "elm.swallow.next_btn";
102          type: SWALLOW;
103          scale: 1;
104          clip_to: "title_clip";
105          description { state: "default" 0.0;
106             min: 80 40;
107             max: 80 40;
108             align: 1 0;
109             fixed: 1 1;
110             rel1.offset: 0 5;
111             rel1.to: "title_base";
112             rel2.offset: -6 -6;
113             rel2.to: "title_base";
114          }
115       }
116       part { name: "elm.swallow.icon";
117          type: SWALLOW;
118          scale: 1;
119          clip_to: "title_clip";
120          description { state: "default" 0.0;
121             min: 40 40;
122             max: 40 40;
123             fixed: 1 1;
124             align: 1 0.5;
125             rel1.to: "elm.text.title";
126             rel1.relative: 0 0;
127             rel2.to: "elm.text.title";
128             rel2.relative: 0 1;
129          }
130       }
131       part { name: "elm.text.title";
132          type: TEXT;
133          scale: 1;
134          repeat_events: 1;
135          clip_to: "title_clip";
136          description { state: "default" 0.0;
137             text { font: "Sans:style=Bold";
138                size: 12;
139                min: 0 0;
140                max: 1 0;
141                align: 0.5 0.5;
142             }
143             color: 0 0 0 255;
144             align: 0.5 0.5;
145             rel1.to: "title_base";
146             rel2.to: "title_base";
147          }
148       }
149       part { name: "elm.text.subtitle";
150          type: TEXT;
151          scale: 1;
152          repeat_events: 1;
153          clip_to: "title_clip";
154          description { state: "default" 0.0;
155             text { font: "Sans,Edje-Vera";
156                size: 10;
157                min: 0 0;
158                max: 1 0;
159                align: 0.5 1;
160             }
161             rel1.to_y: "elm.text.title";
162             rel1.relative: 0 1;
163             rel1.to: "title_base";
164             rel1.offset: 0 -3;
165             rel2.to: "title_base";
166             rel2.offset: -1 -4;
167             color: 50 50 50 255;
168             align: 0.5 0;
169          }
170       }
171    }
172    programs {
173       program { name: "content_new_pusehd";
174          signal: "elm,state,new,pushed,internal";
175          source: "";
176          action: STATE_SET "default" 0.0;
177          transition: DECELERATE 0.5;
178          target: "elm.swallow.content";
179          after: "show_finished";
180       }
181       program { name: "content_cur_pusehd";
182          signal: "elm,state,cur,pushed,internal";
183          source: "";
184          action: STATE_SET "left" 0.0;
185          target: "elm.swallow.content";
186          transition: DECELERATE 0.5;
187          after: "pushed_finished";
188       }
189       program { name: "content_prev_popped";
190          signal: "elm,state,prev,popped,internal";
191          source: "";
192          action: STATE_SET "default" 0.0;
193          target: "elm.swallow.content";
194          transition: DECELERATE 0.5;
195          after: "show_finished";
196       }
197       program { name: "content_cur_popped";
198          signal: "elm,state,cur,popped,internal";
199          source: "";
200          action: STATE_SET "right" 0.0;
201          target: "elm.swallow.content";
202          transition: DECELERATE 0.5;
203          after: "popped_finished";
204       }
205       program { name: "cur_pushed";
206          signal: "elm,state,cur,pushed";
207          source: "elm";
208          script {
209             set_state(PART:"elm.swallow.content", "default", 0.0);
210             emit("elm,state,cur,pushed,internal", "");
211          }
212       }
213       program { name: "new_pushed";
214          signal: "elm,state,new,pushed";
215          source: "elm";
216          script {
217             set_state(PART:"elm.swallow.content", "right", 0.0);
218             emit("elm,state,new,pushed,internal", "");
219          }
220       }
221       program { name: "prev_popped";
222          signal: "elm,state,prev,popped";
223          source: "elm";
224          script {
225             set_state(PART:"elm.swallow.content", "left", 0.0);
226             emit("elm,state,prev,popped,internal", "");
227          }
228       }
229       program { name: "cur_popped";
230          signal: "elm,state,cur,popped";
231          source: "elm";
232          script {
233             set_state(PART:"elm.swallow.content", "default", 0.0);
234             emit("elm,state,cur,popped,internal", "");
235          }
236       }
237       program { name: "visible";
238          signal: "elm,state,visible";
239          source: "elm";
240          action: STATE_SET "default" 0.0;
241          target: "elm.swallow.content";
242       }
243       program { name: "title_show";
244          signal: "elm,state,title,show";
245          source: "elm";
246          action: STATE_SET "default" 0.0;
247          target: "title_clip";
248       }
249       program { name: "title_hide";
250          signal: "elm,state,title,hide";
251          source: "elm";
252          action: STATE_SET "hide" 0.0;
253          target: "title_clip";
254       }
255       program {
256          name: "title_clicked";
257          signal: "mouse,clicked,1";
258          source: "title_base";
259          action: SIGNAL_EMIT "elm,action,title,clicked" "";
260       }
261       program { name: "show_finished";
262          action: SIGNAL_EMIT "elm,action,show,finished" "";
263       }
264       program { name: "pushed_finished";
265          action: SIGNAL_EMIT "elm,action,pushed,finished" "";
266       }
267       program { name: "popped_finished";
268          action: SIGNAL_EMIT "elm,action,popped,finished" "";
269       }
270    }
271 }
272 group { name: "elm/naviframe/item/overlap/default";
273    parts {
274       part { name: "title_clip";
275          type: RECT;
276         description { state: "default" 0.0;
277             min: 1 55;
278             align: 0.0 0.0;
279             fixed: 0 1;
280             rel1 { relative: 0.0 0.0; }
281             rel2 { relative: 1.0 0.0; }
282          }
283          description { state: "hide" 0.0;
284             inherit: "default" 0.0;
285             min: 0 0;
286             max: 0 0;
287             fixed: 1 1;
288          }
289       }
290       part { name: "content_clip";
291          type: RECT;
292          mouse_events: 0;
293          description { state: "default" 0.0;
294             rel1.to_y: "title_clip";
295             rel1.relative: 0 1;
296             color: 255 255 255 255;
297             visible: 1;
298          }
299          description { state: "left" 0.0;
300             inherit: "default" 0.0;
301          }
302          description { state: "right" 0.0;
303             inherit: "default" 0.0;
304             color: 0 0 0 0;
305          }
306       }
307       part { name: "content_base";
308          type: RECT;
309          clip_to: "content_clip";
310          description { state: "default" 0.0;
311             rel1 { to: "elm.swallow.content"; }
312             rel2 { to: "elm.swallow.content"; }
313          }
314       }
315       part { name: "elm.swallow.content";
316          type: SWALLOW;
317          scale: 1;
318          clip_to: "content_clip";
319          description { state: "default" 0.0;
320             align: 0.0 0.0;
321             rel1.relative: 0.0 1.0;
322             rel1.to_y: "title_clip";
323             rel2.relative: 1.0 1.0;
324          }
325          description { state: "left" 0.0;
326             inherit: "default" 0.0;
327          }
328          description { state: "right" 0.0;
329             inherit: "default" 0.0;
330             rel1.relative: 1.0 1.0;
331             rel2.relative: 2.0 1.0;
332          }
333       }
334       part { name: "title_base";
335          type: RECT;
336          description { state: "default" 0.0;
337             rel1 { to: "title_clip"; }
338             rel2 { to: "title_clip"; }
339             color: 225 225 225 255;
340          }
341       }
342       part { name: "title_separator";
343          type: RECT;
344          clip_to: "title_clip";
345          description { state: "default" 0.0;
346             min: 0 5;
347             align: 0.5 1;
348             fixed: 0 1;
349             rel1 { to: "title_clip"; relative: 0 1; }
350             rel2 { to: "title_clip"; }
351             color: 150 150 150 255;
352          }
353       }
354       part { name: "elm.swallow.prev_btn";
355          type: SWALLOW;
356          scale: 1;
357          clip_to: "title_clip";
358          description { state: "default" 0.0;
359             min: 80 40;
360             max: 80 40;
361             align: 0 0;
362             fixed: 1 1;
363             rel1.offset: 5 5;
364             rel1.to: "title_base";
365             rel2.offset: -1 -6;
366             rel2.to: "title_base";
367          }
368       }
369       part { name: "elm.swallow.next_btn";
370          type: SWALLOW;
371          scale: 1;
372          clip_to: "title_clip";
373          description { state: "default" 0.0;
374             min: 80 40;
375             max: 80 40;
376             align: 1 0;
377             fixed: 1 1;
378             rel1.offset: 0 5;
379             rel1.to: "title_base";
380             rel2.offset: -6 -6;
381             rel2.to: "title_base";
382          }
383       }
384       part { name: "elm.swallow.icon";
385          type: SWALLOW;
386          scale: 1;
387          clip_to: "title_clip";
388          description { state: "default" 0.0;
389             min: 40 40;
390             max: 40 40;
391             fixed: 1 1;
392             align: 1 0.5;
393             rel1.to: "elm.text.title";
394             rel1.relative: 0 0;
395             rel2.to: "elm.text.title";
396             rel2.relative: 0 1;
397          }
398       }
399       part { name: "elm.text.title";
400          type: TEXT;
401          scale: 1;
402          repeat_events: 1;
403          clip_to: "title_clip";
404          description { state: "default" 0.0;
405             text { font: "Sans:style=Bold";
406                size: 12;
407                min: 0 0;
408                max: 1 0;
409                align: 0.5 0.5;
410             }
411             color: 0 0 0 255;
412             align: 0.5 0.5;
413             rel1.to: "title_base";
414             rel2.to: "title_base";
415          }
416       }
417       part { name: "elm.text.subtitle";
418          type: TEXT;
419          scale: 1;
420          repeat_events: 1;
421          clip_to: "title_clip";
422          description { state: "default" 0.0;
423             text { font: "Sans,Edje-Vera";
424                size: 10;
425                min: 0 0;
426                max: 1 0;
427                align: 0.5 1;
428             }
429             rel1.to_y: "elm.text.title";
430             rel1.relative: 0 1;
431             rel1.to: "title_base";
432             rel1.offset: 0 -3;
433             rel2.to: "title_base";
434             rel2.offset: -1 -4;
435             color: 50 50 50 255;
436             align: 0.5 0;
437          }
438       }
439    }
440    programs {
441       program { name: "content_new_pusehd";
442          signal: "elm,state,new,pushed,internal";
443          source: "";
444          action: STATE_SET "default" 0.0;
445          transition: DECELERATE 0.5;
446          target: "elm.swallow.content";
447          target: "content_clip";
448          after: "show_finished";
449       }
450       program { name: "content_cur_pusehd";
451          signal: "elm,state,cur,pushed,internal";
452          source: "";
453          action: STATE_SET "left" 0.0;
454          target: "elm.swallow.content";
455          target: "content_clip";
456          transition: DECELERATE 0.5;
457          after: "pushed_finished";
458       }
459       program { name: "content_prev_popped";
460          signal: "elm,state,prev,popped,internal";
461          source: "";
462          action: STATE_SET "default" 0.0;
463          target: "elm.swallow.content";
464          target: "content_clip";
465          transition: DECELERATE 0.5;
466          after: "show_finished";
467       }
468       program { name: "content_cur_popped";
469          signal: "elm,state,cur,popped,internal";
470          source: "";
471          action: STATE_SET "right" 0.0;
472          target: "elm.swallow.content";
473          target: "content_clip";
474          transition: DECELERATE 0.5;
475          after: "popped_finished";
476       }
477       program { name: "cur_pushed";
478          signal: "elm,state,cur,pushed";
479          source: "elm";
480          script {
481             set_state(PART:"elm.swallow.content", "default", 0.0);
482             set_state(PART:"content_clip", "default", 0.0);
483             emit("elm,state,cur,pushed,internal", "");
484          }
485       }
486       program { name: "new_pushed";
487          signal: "elm,state,new,pushed";
488          source: "elm";
489          script {
490             set_state(PART:"elm.swallow.content", "right", 0.0);
491             set_state(PART:"content_clip", "right", 0.0);
492             emit("elm,state,new,pushed,internal", "");
493          }
494       }
495       program { name: "prev_popped";
496          signal: "elm,state,prev,popped";
497          source: "elm";
498          script {
499             set_state(PART:"elm.swallow.content", "left", 0.0);
500             set_state(PART:"content_clip", "left", 0.0);
501             emit("elm,state,prev,popped,internal", "");
502          }
503       }
504       program { name: "cur_popped";
505          signal: "elm,state,cur,popped";
506          source: "elm";
507          script {
508             set_state(PART:"elm.swallow.content", "default", 0.0);
509             set_state(PART:"content_clip", "default", 0.0);
510             emit("elm,state,cur,popped,internal", "");
511          }
512       }
513       program { name: "visible";
514          signal: "elm,state,visible";
515          source: "elm";
516          action: STATE_SET "default" 0.0;
517          target: "elm.swallow.content";
518          target: "content_clip";
519       }
520       program { name: "title_show";
521          signal: "elm,state,title,show";
522          source: "elm";
523          action: STATE_SET "default" 0.0;
524          target: "title_clip";
525       }
526       program { name: "title_hide";
527          signal: "elm,state,title,hide";
528          source: "elm";
529          action: STATE_SET "hide" 0.0;
530          target: "title_clip";
531       }
532       program {
533          name: "title_clicked";
534          signal: "mouse,clicked,1";
535          source: "title_base";
536          action: SIGNAL_EMIT "elm,action,title,clicked" "";
537       }
538       program { name: "show_finished";
539          action: SIGNAL_EMIT "elm,action,show,finished" "";
540       }
541       program { name: "pushed_finished";
542          action: SIGNAL_EMIT "elm,action,pushed,finished" "";
543       }
544       program { name: "popped_finished";
545          action: SIGNAL_EMIT "elm,action,popped,finished" "";
546       }
547    }
548 }