tizen 2.4 release
[framework/uifw/elementary.git] / data / themes / edc / about-e.edc
1 group { name: "e/widgets/about/main";
2    // data.item: "borderless" "1";
3    // data.item: "shaped" "1";
4    images.image: "bg_radgrad.png" COMP;
5    images.image: "dot_pattern.png" COMP;
6    images.image: "bevel_dark_out.png" COMP;
7    images.image: "vgrad_med_lighter.png" COMP;
8    images.image: "bevel_out.png" COMP;
9    images.image: "shine.png" COMP;
10    images.image: "shadow_square_tiny.png" COMP;
11    images.image: "screen_circular_shadow.png" COMP;
12    images.image: "logo_blue_bottom.png" COMP;
13    images.image: "button_normal.png" COMP;
14    images.image: "button_clicked.png" COMP;
15    styles {
16       style { name: "about_style";
17          base: "font="FN" font_size=10 align=center text_class=tb_plain color=#ffff style=shadow,bottom shadow_color=#00000080 wrap=word";
18          tag: "hilight" "+ font="FNBD" text_class=tb_light style=glow color=#3399ffff glow_color=#3399ff18 align=center glow2_color=#3399ff12";
19          tag: "title" "+ font_size=16 font="FNBD" text_class=tb_big";
20          tag: "/title" "- \n \n";
21          tag: "br" "\n";
22       }
23       style { name: "authors_style";
24          base: "font="FNBD" font_size=16 align=left text_class=tb_plain color=#00000044 wrap=none";
25          tag: "hilight" "+ font="FNBD" text_class=tb_light color=#3399ff44";
26          tag: "title" "+ font_size=24 font="FNBD" text_class=tb_big";
27          tag: "/title" "- \n \n";
28          tag: "br" "\n";
29       }
30    }
31    min: 220 260;
32    max: 800 600;
33    parts {
34       part { name: "sizer"; type: SPACER;
35          scale: 1;
36          description { state: "default" 0.0;
37             min: 220 260;
38          }
39       }
40       part { name: "bg";
41          description { state: "default" 0.0;
42             image.normal: "bg_radgrad.png";
43             image.scale_hint: STATIC;
44             fill.smooth: 0;
45             ASPECT_FILL((1024/653))
46          }
47       }
48       part { name: "pat";
49          description { state: "default" 0.0;
50             image.normal: "dot_pattern.png";
51             TILED_PATTERN(256, 256)
52          }
53       }
54       part { name: "e.textblock.authors"; type: TEXTBLOCK; mouse_events: 0;
55          scale: 1;
56          description { state: "default" 0.0;
57             fixed: 1 1;
58             max: 20000 20000;
59             min: 160 0;
60             rel1.relative: 0.0 1.0;
61             rel1.offset: 4 4;
62             rel2.relative: 1.0 1.0;
63             rel2.offset: -5 4;
64             align: 0.5 0.0;
65             text { style: "authors_style";
66                min: 0 1;
67                align: 0.5 0.0;
68             }
69          }
70          description { state: "up" 0.0;
71             inherit: "default" 0.0;
72             rel1.relative: 0.0 0.0;
73             rel1.offset: 4 -5;
74             rel2.relative: 1.0 0.0;
75             rel2.offset: -5 -5;
76             align: 0.5 1.0;
77          }
78       }
79       part { name: "e.textblock.about"; type: TEXTBLOCK; mouse_events: 0;
80          scale: 1;
81          description { state: "default" 0.0;
82             fixed: 1 1;
83             max: 20000 20000;
84             min: 160 0;
85             rel1.relative: 0.0 1.0;
86             rel1.offset: 4 4;
87             rel2.relative: 1.0 1.0;
88             rel2.offset: -5 4;
89             align: 0.5 0.0;
90             text { style: "about_style";
91                min: 0 1;
92                align: 0.5 0.0;
93             }
94          }
95          description { state: "up" 0.0;
96             inherit: "default" 0.0;
97             rel1.relative: 0.0 0.0;
98             rel1.offset: 4 -5;
99             rel2.relative: 1.0 0.0;
100             rel2.offset: -5 -5;
101             align: 0.5 1.0;
102          }
103       }
104       part { name: "shadow"; mouse_events: 0;
105          description { state: "default" 0.0;
106             rel1.relative: 0.0 0.0;
107             rel2.relative: 1.0 1.0;
108             image.normal: "screen_circular_shadow.png";
109             fill.smooth: 0;
110          }
111       }
112       part { name: "bevel";
113          description { state: "default" 0.0;
114             image.normal: "bevel_dark_out.png";
115             image.border: 1 1 1 1;
116             image.middle: 0;
117             fill.smooth: 0;
118          }
119       }
120       part { name: "top_shadow"; mouse_events: 0;
121          description { state: "default" 0.0;
122             rel1.offset: -3 -2;
123             rel1.to: "top_base";
124             rel2.offset: 3 4;
125             rel2.to: "top_base";
126             image.normal: "shadow_square_tiny.png";
127             image.border: 6 6 6 6;
128             fill.smooth: 0;
129          }
130       }
131       part { name: "logo";
132          description { state: "default" 0.0;
133             image.normal: "logo_blue_bottom.png";
134             image.scale_hint: STATIC;
135             FIXED_SIZE(263,100);
136             rel1.to: "top_base";
137             rel2.to: "top_base";
138             align: 0.5 0.25;
139          }
140       }
141       part { name: "top_base";
142          description { state: "default" 0.0;
143             image.normal: "vgrad_med_lighter.png";
144             rel2.to_y: "e.text.title";
145             rel2.offset: -1 3;
146             fill.smooth: 0;
147             TILED_HORIZ(120)
148          }
149       }
150       part { name: "top_bevel"; mouse_events: 0;
151          description { state: "default" 0.0;
152             rel1.to: "top_base";
153             rel2.to: "top_base";
154             image.normal: "bevel_out.png";
155             image.border: 1 1 1 1;
156             image.middle: 0;
157             fill.smooth: 0;
158          }
159       }
160       part { name: "e.text.title"; type: TEXT;
161          scale: 1;
162          effect: SHADOW BOTTOM;
163          description { state: "default" 0.0;
164             align: 0.0 0.0;
165             rel1.offset: 3 3;
166             rel2.relative: 0.0 0.0;
167             rel2.offset: 3 3;
168             text { font: FN; size: 10;
169                min: 1 1;
170                ellipsis: -1;
171                align: 0.0 0.0;
172                text_class: "about_title";
173             }
174             fixed: 1 1;
175          }
176       }
177       part { name: "e.text.version"; type: TEXT;
178          scale: 1;
179          effect: SHADOW BOTTOM;
180          description { state: "default" 0.0;
181             align: 1.0 0.0;
182             rel1.relative: 0.0 0.0;
183             rel1.offset: -4 3;
184             rel2.relative: 1.0 0.0;
185             rel2.offset: -4 3;
186             text { font: FN; size: 10;
187                min: 1 1;
188                ellipsis: -1;
189                align: 1.0 0.0;
190                text_class: "about_version";
191             }
192             fixed: 1 1;
193          }
194       }
195       part { name: "base";
196          description { state: "default" 0.0;
197             image.normal: "button_normal.png";
198             image.border: 4 4 3 5;
199             image.middle: SOLID;
200             rel1.offset: -6 -6;
201             rel1.to: "e.text.label";
202             rel2.offset: 5 5;
203             rel2.to: "e.text.label";
204             fill.smooth: 0;
205                      }
206          description { state: "clicked" 0.0;
207             inherit: "default" 0.0;
208             image.normal: "button_clicked.png";
209             image.border: 5 5 4 6;
210          }
211       }
212       part { name: "e.text.label"; type: TEXT; mouse_events: 0;
213          effect: SHADOW BOTTOM;
214          scale: 1;
215          description { state: "default" 0.0;
216             rel1.offset: 0 -14;
217             rel1.relative: 0.5 1.0;
218             rel2.offset: -1 -14;
219             rel2.relative: 0.5 1.0;
220             color: FN_COL_DEFAULT;
221             color_class: "button_text";
222             align: 0.5 1.0;
223             text { font: FN; size: 10;
224                min: 1 1;
225                ellipsis: -1;
226                align: 0.5 0.5;
227                text_class: "button";
228             }
229             fixed: 1 1;
230          }
231       }
232       part { name: "shine"; mouse_events: 0;
233          description { state: "default" 0.0;
234             image.normal: "shine.png";
235             rel1.offset: 0 -2;
236             rel1.to: "top_base";
237             rel2.relative: 1.0 0.0;
238             rel2.offset: -1 2;
239             rel2.to: "top_base";
240             FIXED_SIZE(69, 5)
241          }
242       }
243    }
244    programs {
245       program { name: "show1";
246          signal: "show"; source: "";
247          action: STATE_SET "up" 0.0;
248          transition: LINEAR 45.0;
249          target: "e.textblock.about";
250          after: "show2";
251       }
252       program { name: "show2";
253          action: STATE_SET "default" 0.0;
254          target: "e.textblock.about";
255          after: "show1";
256       }
257       program { name: "show3";
258          signal: "show"; source: "";
259          action: STATE_SET "up" 0.0;
260          transition: LINEAR 120.0;
261          target: "e.textblock.authors";
262          after: "show4";
263       }
264       program { name: "show4";
265          action: STATE_SET "default" 0.0;
266          target: "e.textblock.authors";
267          after: "show3";
268       }
269       program {
270          signal: "mouse,down,1*"; source: "base";
271          action: STATE_SET "clicked" 0.0;
272          target: "base";
273          target: "e.text.label";
274       }
275       program {
276          signal: "mouse,up,1"; source: "base";
277          action: STATE_SET "default" 0.0;
278          target: "base";
279          target: "e.text.label";
280       }
281       program {
282          signal: "mouse,clicked,1*"; source: "base";
283          action: SIGNAL_EMIT "e,action,close" "";
284       }
285    }
286 }