Updated changelog
[profile/ivi/lemolo.git] / data / themes / night / popup.edc
1 group {
2    name: "elm/layout/ofono-efl/popup";
3
4    images {
5       image: "loading_0.png" COMP;
6       image: "loading_1.png" COMP;
7       image: "loading_2.png" COMP;
8       image: "loading_3.png" COMP;
9       image: "loading_4.png" COMP;
10       image: "loading_5.png" COMP;
11       image: "loading_6.png" COMP;
12       image: "loading_7.png" COMP;
13    }
14
15    parts {
16       part {
17          name: "bg";
18          type: RECT;
19          mouse_events: 1; /* do not let events fall through */
20          description {
21             state: "default" 0.0;
22             color: 255 255 255 200;
23             color_class: "bg";
24          }
25          description {
26             state: "content" 0.0;
27             inherit: "default" 0.0;
28             color: 255 255 255 230;
29          }
30       }
31
32       part {
33          name: "notification,bar";
34          type: RECT;
35          mouse_events: 0;
36          description {
37             state: "default" 0.0;
38             color: 0 0 0 255;
39             rel1.relative: 0.0 0.0;
40             rel2 {
41                relative: 1.0 0.0;
42                offset: 0 50;
43             }
44          }
45       }
46
47 #define SEPARATOR(id, clip, rely, offy, relto)                          \
48       part {                                                            \
49          name: "separator.primary."##id;                                \
50          type: RECT;                                                    \
51          mouse_events: 0;                                               \
52          clip_to: clip;                                                 \
53          description {                                                  \
54             state: "default" 0.0;                                       \
55             color: 255 255 255 255;                                     \
56             color_class: "primary";                                     \
57             rel1 {                                                      \
58                relative: 0.0 rely;                                      \
59                offset: 0 offy;                                          \
60                to_y: relto;                                             \
61             }                                                           \
62             rel2 {                                                      \
63                relative: 1.0 rely;                                      \
64                offset: -1 (offy + SEPARATOR_HEIGHT / 2);                \
65                to_y: relto;                                             \
66             }                                                           \
67          }                                                              \
68       }                                                                 \
69       part {                                                            \
70          name: "separator.bg."##id;                                     \
71          type: RECT;                                                    \
72          mouse_events: 0;                                               \
73          clip_to: clip;                                                 \
74          description {                                                  \
75             state: "default" 0.0;                                       \
76             color: 255 255 255 255;                                     \
77             color_class: "bg";                                          \
78             rel1 {                                                      \
79                relative: 0.0 rely;                                      \
80                offset: 0 (offy + SEPARATOR_HEIGHT / 2);                 \
81                to_y: relto;                                             \
82             }                                                           \
83             rel2 {                                                      \
84                relative: 1.0 rely;                                      \
85                offset: -1 (offy + SEPARATOR_HEIGHT);                    \
86                to_y: relto;                                             \
87             }                                                           \
88          }                                                              \
89       }
90
91       part {
92          name: "clipper.title";
93          type: RECT;
94          description {
95             state: "default" 0.0;
96             color: 255 255 255 0;
97             visible: 0;
98          }
99          description {
100             state: "visible" 0.0;
101             inherit: "default" 0.0;
102             color: 255 255 255 255;
103             visible: 1;
104          }
105       }
106
107       part {
108          name: "elm.text.title";
109          type: TEXT;
110          mouse_events: 0;
111          clip_to: "clipper.title";
112          description {
113             state: "default" 0.0;
114             min: 0 (ACTION_HEIGHT / 2);
115             color_class: "action";
116             visible: 1;
117             rel1 {
118                to: "notification,bar";
119                relative: 0.0 1.0;
120                offset: 0 (-ACTION_HEIGHT / 2 - SEPARATOR_HEIGHT);
121             }
122             rel2 {
123                to: "notification,bar";
124                relative: 1.0 0.0;
125                offset: -1 (-SEPARATOR_HEIGHT - 1);
126             }
127             text {
128                font: FONT_NORMAL;
129                size: SIZE_MEDIUM;
130                ellipsis: 0.0;
131                text: "contents";
132             }
133          }
134          description {
135             state: "visible" 0.0;
136             inherit: "default" 0.0;
137             visible: 1;
138             rel1 {
139                to: "notification,bar";
140                relative: 0.0 1.0;
141                offset: 0 0;
142             }
143             rel2 {
144                to: "notification,bar";
145                relative: 1.0 0.0;
146                offset: -1 (ACTION_HEIGHT / 2 - 1);
147             }
148          }
149       }
150       SEPARATOR("title", "clipper.title", 1.0, 0, "elm.text.title");
151
152       programs {
153          program {
154             signal: "show,title";
155             source: "gui";
156             action: STATE_SET "visible" 0.0;
157             target: "clipper.title";
158             target: "elm.text.title";
159          }
160          program {
161             signal: "hide,title";
162             source: "gui";
163             action: STATE_SET "default" 0.0;
164             target: "clipper.title";
165             target: "elm.text.title";
166          }
167       }
168
169       part {
170          name: "loading";
171          type: IMAGE;
172          description {
173             state: "default" 0.0;
174             min: LOADING_SIZE LOADING_SIZE;
175             max: LOADING_SIZE LOADING_SIZE;
176             align: 0.5 0.5;
177             rel1.to: "elm.swallow.content";
178             rel2.to: "elm.swallow.content";
179             color_class: "action";
180             visible: 0;
181          }
182          description {
183             state: "visible" 0.0;
184             inherit: "default" 0.0;
185             image {
186                tween: "loading_0.png";
187                tween: "loading_1.png";
188                tween: "loading_2.png";
189                tween: "loading_3.png";
190                tween: "loading_4.png";
191                tween: "loading_5.png";
192                tween: "loading_6.png";
193                normal: "loading_7.png";
194                scale_hint: STATIC;
195             }
196             visible: 1;
197          }
198       }
199
200       part {
201          name: "elm.swallow.content";
202          type: SWALLOW;
203          description {
204             state: "default" 0.0;
205             rel1 {
206                to_y: "elm.text.title";
207                relative: 0.0 1.0;
208             }
209             rel2 {
210                to_y: "bg.buttons";
211                relative: 1.0 0.0;
212                offset: -1 0;
213             }
214          }
215       }
216
217       programs {
218          program {
219             signal: "show,content";
220             source: "gui";
221             action: STATE_SET "content" 0.0;
222             target: "bg";
223             after: "stop,loading";
224          }
225          program {
226             signal: "hide,content";
227             source: "gui";
228             action: STATE_SET "default" 0.0;
229             target: "bg";
230             after: "start,loading";
231          }
232
233          program {
234             name: "stop,loading";
235             action: ACTION_STOP;
236             target: "start,loading";
237             after: "hide,loading";
238          }
239          program {
240             name: "hide,loading";
241             action: STATE_SET "default" 0.0;
242             target: "loading";
243          }
244
245          program {
246             name: "start,loading";
247             action: STATE_SET "visible" 0.0;
248             transition: LINEAR 0.6666;
249             target: "loading";
250             after: "start,loading";
251          }
252
253          program {
254             signal: "load";
255             after: "start,loading";
256          }
257       }
258
259       /* note: this button 1/2 is ugly but simple */
260       part {
261          name: "bg.buttons";
262          type: RECT;
263          mouse_events: 0;
264          description {
265             state: "default" 0.0;
266             color: 255 255 255 255;
267             color_class: "bg";
268             align: 0.5 1.0;
269             fixed: 1 1;
270             rel1 {
271                relative: 0.0 1.0;
272                offset: 0 -1;
273             }
274          }
275          description {
276             state: "button1" 0.0;
277             inherit: "default" 0.0;
278             min: 0 (ACTION_HEIGHT + SEPARATOR_HEIGHT);
279          }
280          description {
281             state: "button2" 0.0;
282             inherit: "default" 0.0;
283             min: 0 (2 * ACTION_HEIGHT + 2 * SEPARATOR_HEIGHT);
284          }
285       }
286
287       part {
288          name: "elm.swallow.button1";
289          type: SWALLOW;
290          description {
291             state: "default" 0.0;
292             fixed: 1 1;
293             visible: 0;
294             rel1 {
295                relative: 0.0 1.0;
296                offset: 0 -1;
297             }
298             rel2 {
299                relative: 1.0 1.0;
300                offset: -1 -1;
301             }
302          }
303          description {
304             state: "button1" 0.0;
305             inherit: "default" 0.0;
306             min: 0 (ACTION_HEIGHT + SEPARATOR_HEIGHT);
307             visible: 1;
308             rel1 {
309                relative: 0.0 1.0;
310                offset: 0 (-ACTION_HEIGHT - SEPARATOR_HEIGHT);
311             }
312          }
313          description {
314             state: "button2" 0.0;
315             inherit: "default" 0.0;
316             min: 0 (ACTION_HEIGHT + SEPARATOR_HEIGHT);
317             visible: 1;
318             rel1 {
319                relative: 0.0 1.0;
320                offset: 0 (-2 * ACTION_HEIGHT - 2 * SEPARATOR_HEIGHT);
321             }
322             rel2 {
323                relative: 1.0 1.0;
324                offset: -1 (-ACTION_HEIGHT - SEPARATOR_HEIGHT - 1);
325             }
326          }
327       }
328
329       part {
330          name: "elm.swallow.button2";
331          type: SWALLOW;
332          description {
333             state: "default" 0.0;
334             fixed: 1 1;
335             visible: 0;
336             rel1 {
337                relative: 0.0 1.0;
338                offset: 0 -1;
339             }
340             rel2 {
341                relative: 1.0 1.0;
342                offset: -1 -1;
343             }
344          }
345          description {
346             state: "button1" 0.0;
347             inherit: "default" 0.0;
348          }
349          description {
350             state: "button2" 0.0;
351             inherit: "default" 0.0;
352             min: 0 (ACTION_HEIGHT + SEPARATOR_HEIGHT);
353             visible: 1;
354             rel1 {
355                relative: 0.0 1.0;
356                offset: 0 (-ACTION_HEIGHT - SEPARATOR_HEIGHT);
357             }
358          }
359       }
360
361       programs {
362          program {
363             signal: "buttons,0";
364             source: "gui";
365             action: STATE_SET "default" 0.0;
366             target: "bg.buttons";
367             target: "elm.swallow.button1";
368             target: "elm.swallow.button2";
369          }
370          program {
371             signal: "buttons,1";
372             source: "gui";
373             action: STATE_SET "button1" 0.0;
374             target: "bg.buttons";
375             target: "elm.swallow.button1";
376             target: "elm.swallow.button2";
377          }
378          program {
379             signal: "buttons,2";
380             source: "gui";
381             action: STATE_SET "button2" 0.0;
382             target: "bg.buttons";
383             target: "elm.swallow.button1";
384             target: "elm.swallow.button2";
385          }
386       }
387
388 #undef SEPARATOR
389    }
390 }
391
392 group {
393    name: "elm/entry/cursor/dialer";
394    parts {
395       part {
396          name: "cursor";
397          type: RECT;
398          mouse_events: 0;
399          scale: 1;
400          description {
401             state: "default" 0.0;
402             color_class: "action";
403             min: ITEM_PADDING (SEPARATOR_HEIGHT / 2);
404             align: 0.5 1.0;
405             rel1 {
406                relative: 0.0 1.0;
407                offset: 0 -1;
408             }
409          }
410          description {
411             state: "faded" 0.0;
412             inherit: "default" 0.0;
413             color: 255 255 255 128;
414          }
415       }
416       programs {
417          program {
418             name: "focus";
419             signal: "elm,action,focus";
420             source: "elm";
421             action: ACTION_STOP;
422             target: "unfocus";
423             target: "unfocus2";
424             after: "focus2";
425          }
426          program {
427             name: "focus2";
428             action: STATE_SET "default" 0.0;
429             transition: ACCELERATE 0.3;
430             target: "cursor";
431             after: "focus3";
432          }
433          program {
434             name: "focus3";
435             action: STATE_SET "faded" 0.0;
436             transition: ACCELERATE 0.3;
437             target: "cursor";
438             after: "focus2";
439          }
440
441          program {
442             name: "unfocus";
443             signal: "elm,action,unfocus";
444             source: "elm";
445             action: ACTION_STOP;
446             target: "focus";
447             target: "focus2";
448             target: "focus3";
449             after: "unfocus2";
450          }
451          program {
452             name: "unfocus2";
453             action: STATE_SET "faded" 0.0;
454             transition: ACCELERATE 0.3;
455             target: "cursor";
456          }
457       }
458    }
459 }
460
461 group {
462    name: "elm/entry/selection/dialer";
463    parts {
464       part {
465          name: "bg";
466          type: RECT;
467          mouse_events: 0;
468          description {
469             state: "default" 0.0;
470             color_class: "primary";
471          }
472       }
473    }
474 }
475
476 group {
477    name: "elm/entry/base-noedit/dialer-popup";
478
479    styles {
480       style {
481          name: "entry_textblock_style";
482          base: "font="FONT_NORMAL" font_size="SIZE_MEDIUM" color="TEXTBLOCK_COLOR_ACTION" wrap=word valign=middle align=center";
483          tag:  "b" "+ font_weight=Bold";
484          tag: "br" "\n";
485       }
486       style {
487          name: "entry_textblock_disabled_style";
488          base: "font="FONT_NORMAL" font_size="SIZE_MEDIUM" color="TEXTBLOCK_COLOR_ACTION" wrap=word valign=middle align=center";
489          tag:  "b" "+ font_weight=Bold";
490          tag: "br" "\n";
491       }
492    }
493
494    parts {
495       part {
496          name: "elm.text";
497          type: TEXTBLOCK;
498          mouse_events: 1;
499          scale: 1;
500          multiline: 1;
501          source: "elm/entry/selection/dialer";
502          source4: "elm/entry/cursor/dialer";
503          description {
504             state: "default" 0.0;
505             text {
506                style: "entry_textblock_style";
507                min: 0 1;
508                max: 1 1;
509                align: 0.5 0.5;
510             }
511          }
512          description {
513             state: "disabled" 0.0;
514             inherit: "default" 0.0;
515             text {
516                style: "entry_textblock_disabled_style";
517             }
518          }
519       }
520    }
521
522    programs {
523       program {
524          signal: "load";
525          source: "";
526          action: FOCUS_SET;
527          target: "elm.text";
528       }
529       program {
530          signal: "elm,state,disabled";
531          source: "elm";
532          action: STATE_SET "disabled" 0.0;
533          target: "elm.text";
534       }
535       program {
536          signal: "elm,state,enabled";
537          source: "elm";
538          action: STATE_SET "default" 0.0;
539          target: "elm.text";
540       }
541    }
542 }
543
544 group {
545    name: "elm/entry/base/dialer-popup-editable";
546
547    styles {
548       style {
549          name: "entry_textblock_editable_style";
550          base: "font="FONT_NORMAL" font_size="SIZE_MEDIUM" color="TEXTBLOCK_COLOR_ACTION" wrap=word valign=top align=auto";
551          tag:  "b" "+ font_weight=Bold";
552          tag: "br" "\n";
553       }
554       style {
555          name: "entry_textblock_editable_disabled_style";
556          base: "font="FONT_NORMAL" font_size="SIZE_MEDIUM" color="TEXTBLOCK_COLOR_ACTION" wrap=word valign=top align=auto";
557          tag:  "b" "+ font_weight=Bold";
558          tag: "br" "\n";
559       }
560    }
561
562    parts {
563       part {
564          name: "elm.text";
565          type: TEXTBLOCK;
566          mouse_events: 1;
567          scale: 1;
568          entry_mode: EDITABLE;
569          select_mode: EXPLICIT;
570          source: "elm/entry/selection/dialer";
571          source4: "elm/entry/cursor/dialer";
572          multiline: 1;
573          description {
574             state: "default" 0.0;
575             align: 0.0 0.0;
576             text {
577                style: "entry_textblock_editable_style";
578                min: 0 1;
579                max: 1 1;
580                align: -1.0 0.0;
581             }
582          }
583          description {
584             state: "disabled" 0.0;
585             inherit: "default" 0.0;
586             text {
587                style: "entry_textblock_editable_disabled_style";
588             }
589          }
590       }
591    }
592
593    programs {
594       program {
595          signal: "load";
596          source: "";
597          action: FOCUS_SET;
598          target: "elm.text";
599       }
600       program {
601          signal: "elm,state,disabled";
602          source: "elm";
603          action: STATE_SET "disabled" 0.0;
604          target: "elm.text";
605       }
606       program {
607          signal: "elm,state,enabled";
608          source: "elm";
609          action: STATE_SET "default" 0.0;
610          target: "elm.text";
611       }
612    }
613 }