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