Merge "Fix issue that the most visited item can't be selected." into 2.0_beta
[profile/ivi/org.tizen.browser.git] / edc / browser-view-main.edc
1 /*
2  * Copyright 2012  Samsung Electronics Co., Ltd
3  *
4  * Licensed under the Flora License, Version 1.0 (the "License");
5  * you may not use this file except in compliance with the License.
6  * You may obtain a copy of the License at
7  *
8  *    http://www.tizenopensource.org/license
9  *
10  * Unless required by applicable law or agreed to in writing, software
11  * distributed under the License is distributed on an "AS IS" BASIS,
12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13  * See the License for the specific language governing permissions and
14  * limitations under the License.
15  *
16  */
17
18 /* color define */
19 #define BROWSER_COLOR_WHITE 255 255 255 255
20
21 /* image define */
22 // grey bg color
23 #define BROWSER_IMAGE_CONTENT_BG "browser-view-images/41_browser_new_win_bg.png"
24
25 #define BROWSER_WAITING_PROGRESS_SIZE 90 90
26 #define BROWSER_FLOATING_BACKWARD_BUTTON_SIZE 120 124
27 #define BROWSER_CONTROL_BAR_HEIGHT 114
28
29 collections {
30         group {
31                 name: "browser/browser-view-main";
32                 images {
33                         image: BROWSER_IMAGE_CONTENT_BG COMP;
34                 }
35                 parts {
36                         part { name: "bg";
37                                 mouse_events: 0;
38                                 scale: 1;
39                                 type: RECT;
40                                 description {
41                                         state: "default" 0.0;
42                                         visible: 1;
43                                         align: 0.0 0.0;
44                                         rel1 { relative: 0.0 0.0; }
45                                         rel2 { relative: 1.0 1.0; }
46                                         color: BROWSER_COLOR_WHITE;
47                                 }
48                         }
49                         part {
50                                 name: "contents_bg";
51                                 type: IMAGE;
52                                 mouse_events: 0;
53                                 scale: 1;
54                                 description {
55                                         state: "default" 0.0;
56                                         visible: 0;
57                                         align: 0.0 0.0;
58                                         rel1 { relative: 0.0 0.0; to: "bg"; }
59                                         rel2 { relative: 1.0 1.0; to: "bg"; }
60                                         image.normal: BROWSER_IMAGE_CONTENT_BG;
61                                 }
62                                 description {
63                                         state: "visible" 0.0;
64                                         inherit: "default" 0.0;
65                                         visible: 1;
66                                 }
67                         }
68                         part {
69                                 name: "elm.swallow.content";
70                                 type: SWALLOW;
71                                 mouse_events: 1;
72                                 scale: 1;
73                                 description {
74                                         state: "default" 0.0;
75                                         visible: 1;
76                                         align: 0.0 0.0;
77                                         fixed: 1 1;
78                                         rel1 { relative: 0.0 0.0; to: "contents_bg"; }
79                                         rel2 { relative: 1.0 0.0; to: "elm.swallow.control_bar"; }
80                                 }
81                                 description {
82                                         state: "full_screen" 0.0;
83                                         inherit: "default" 0.0;
84                                         rel1 { relative: 0.0 0.0; to: "contents_bg"; }
85                                         rel2 { relative: 1.0 1.0; to: "contents_bg"; }
86                                 }
87                         }
88                         part {
89                                 name: "elm.swallow.scissorbox";
90                                 type: SWALLOW;
91                                 mouse_events: 1;
92                                 repeat_events: 0;
93                                 scale: 1;
94                                 description {
95                                         state: "default" 0.0;
96                                         visible: 0;
97                                         align: 0.0 0.0;
98                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.content"; }
99                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; }
100                                 }
101                                 description {
102                                         state: "visible" 0.0;
103                                         inherit: "default" 0.0;
104                                         visible: 1;
105                                 }
106                         }
107                         /* ifdef ZOOM_BUTTON */
108                         part {
109                                 name: "elm.swallow.zoom_out_button";
110                                 type: SWALLOW;
111                                 mouse_events: 1;
112                                 repeat_events: 0;
113                                 scale: 1;
114                                 description {
115                                         state: "default" 0.0;
116                                         visible: 0;
117                                         min: 56 56;
118                                         max: 56 56;
119                                         fixed: 1 1;
120                                         align: 1.0 1.0;
121                                         rel1 { relative: 0.4 -0.5; to_y: "elm.swallow.control_bar"; }
122                                         rel2 { relative: 0.4 -0.5; to_y: "elm.swallow.control_bar"; }
123                                 }
124                                 description {
125                                         state: "visible" 0.0;
126                                         inherit: "default" 0.0;
127                                         visible: 1;
128                                 }
129                         }
130                         part {
131                                 name: "elm.swallow.zoom_in_button";
132                                 type: SWALLOW;
133                                 mouse_events: 1;
134                                 repeat_events: 0;
135                                 scale: 1;
136                                 description {
137                                         state: "default" 0.0;
138                                         visible: 0;
139                                         min: 56 56;
140                                         max: 56 56;
141                                         fixed: 1 1;
142                                         align: 0.0 1.0;
143                                         rel1 { relative: 0.6 -0.5; to_y: "elm.swallow.control_bar"; }
144                                         rel2 { relative: 0.6 -0.5; to_y: "elm.swallow.control_bar"; }
145                                 }
146                                 description {
147                                         state: "visible" 0.0;
148                                         inherit: "default" 0.0;
149                                         visible: 1;
150                                 }
151                         }
152                         /* endif ZOOM_BUTTON */
153                         part {
154                                 name: "padding,url_layout";  // padding
155                                 type: RECT;
156                                 mouse_events: 0;
157                                 scale: 1;
158                                 description {
159                                         state: "default" 0.0;
160                                         visible: 0;
161                                         min: 0 74;
162 //                                      min: 0 150;
163                                         fixed: 0 1;
164                                         align: 0.0 0.0;
165                                         rel1 { relative: 0.0 0.0; to: "contents_bg"; }
166                                         rel2 { relative: 1.0 0.0; to: "contents_bg"; }
167                                         color: 0 0 0 0;
168                                 }
169                         }
170                         part {
171                                 name: "elm.swallow.waiting_progress";
172                                 type: SWALLOW;
173                                 mouse_events: 0;
174                                 scale: 1;
175                                 description {
176                                         state: "default" 0.0;
177                                         visible: 1;
178                                         align: 0.5 0.5;
179                                         min: BROWSER_WAITING_PROGRESS_SIZE;
180                                         max: BROWSER_WAITING_PROGRESS_SIZE;
181                                         rel1 { relative: 0.0 0.0; to_x: contents_bg; to_y: "padding,url_layout"; }
182                                         rel2 { relative: 1.0 1.0; to: contents_bg; }
183                                 }
184                                 description {
185                                         state: "unvisible" 0.0;
186                                         inherit: "default" 0.0;
187                                         visible: 0;
188                                 }
189                         }
190                         part {
191                                 name: "most_visited_sites_bg";
192                                 type: RECT;
193                                 mouse_events: 1;
194                                 scale: 1;
195                                 description {
196                                         state: "default" 0.0;
197                                         visible: 0;
198                                         align: 0.0 0.0;
199                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.most_visited_sites"; }
200                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.most_visited_sites"; }
201                                         color: 38 38 38 255;
202                                 }
203                                 description {
204                                         state: "visible" 0.0;
205                                         inherit: "default" 0.0;
206                                         visible: 1;
207                                 }
208                         }
209                         part {
210                                 name: "padding,most_visited_sites_bottom";
211                                 type: RECT;
212                                 mouse_events: 1;
213                                 repeat_events: 0;
214                                 scale: 1;
215                                 description {
216                                         state: "default" 0.0;
217                                         visible: 0;
218                                         min: 0 BROWSER_CONTROL_BAR_HEIGHT;
219                                         align: 0.5 1.0;
220                                         rel1 { relative: 0.0 1.0; }
221                                         rel2 { relative: 1.0 1.0; }
222                                 }
223                         }
224                         part {
225                                 name: "elm.swallow.most_visited_sites";
226                                 type: SWALLOW;
227                                 mouse_events: 1;
228                                 scale: 1;
229                                 description {
230                                         state: "default" 0.0;
231                                         visible: 0;
232                                         align: 0.0 0.0;
233                                         rel1 { relative: 0.0 0.0; to: "elm.rect.content_dim"; }
234                                         rel2 { relative: 1.0 0.0; to: "padding,most_visited_sites_bottom"; }
235                                 }
236                                 description {
237                                         state: "visible" 0.0;
238                                         inherit: "default" 0.0;
239                                         visible: 1;
240                                 }
241                         }
242                         part {
243                                 name: "elm.rect.content_dim";
244                                 type: RECT;
245                                 mouse_events: 1;
246                                 repeat_events: 0;
247                                 scale: 1;
248                                 description {
249                                         state: "default" 0.0;
250                                         visible: 0;
251                                         align: 0.0 0.0;
252                                         rel1 { relative: 0.0 1.0; to_y: "padding,url_layout"; }
253                                         rel2 { relative: 1.0 1.0; }
254                                         color: 20 20 20 170;
255                                 }
256                                 description {
257                                         state: "visible" 0.0;
258                                         inherit: "default" 0.0;
259                                         visible: 1;
260                                 }
261                         }
262                         part {
263                                 name: "elm.swallow.most_visited";
264                                 type: SWALLOW;
265                                 mouse_events: 1;
266                                 repeat_events: 0;
267                                 scale: 1;
268                                 description {
269                                         state: "default" 0.0;
270                                         visible: 0;
271                                         align: 0.0 0.0;
272                                         rel1 { relative: 0.0 0.0; to: "elm.rect.content_dim"; }
273                                         rel2 { relative: 1.0 0.0; to: "elm.rect.content_dim"; }
274                                 }
275                                 description {
276                                         state: "visible" 0.0;
277                                         inherit: "default" 0.0;
278                                         visible: 1;
279                                 }
280                         }
281                         part {
282                                 name: "elm.rect.control_bar_bg";
283                                 type: RECT;
284                                 mouse_events: 0;
285                                 repeat_events: 0;
286                                 scale: 1;
287                                 description {
288                                         state: "default" 0.0;
289                                         visible: 1;
290                                         align: 0.0 0.0;
291                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.control_bar"; }
292                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.control_bar"; }
293                                         color: 255 255 255 255;
294                                 }
295                         }
296                         part {
297                                 name: "elm.swallow.control_bar";
298                                 type: SWALLOW;
299                                 mouse_events: 1;
300                                 repeat_events: 0;
301                                 scale: 1;
302                                 description {
303                                         state: "default" 0.0;
304                                         visible: 1;
305                                         min: 0 BROWSER_CONTROL_BAR_HEIGHT;
306                                         fixed: 0 1;
307                                         align: 0.5 1.0;
308                                         rel1 { relative: 0.0 1.0; }
309                                         rel2 { relative: 1.0 1.0; }
310                                 }
311                                 description {
312                                         state: "invisible" 0.0;
313                                         inherit: "default" 0.0;
314                                         align: 0.5 0.0;
315                                         rel1 { relative: 0.0 1.0; }
316                                         rel2 { relative: 1.0 1.0; }
317                                 }
318                                 description {
319                                         state: "full_screen" 0.0;
320                                         inherit: "default" 0.0;
321                                         visible: 0;
322                                 }
323                         }
324                         part {
325                                 name: "elm.swallow.multi_window";
326                                 type: SWALLOW;
327                                 mouse_events: 1;
328                                 repeat_events: 0;
329                                 scale: 1;
330                                 description {
331                                         state: "default" 0.0;
332                                         visible: 0;
333                                         align: 0.0 0.0;
334                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.content"; }
335                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; }
336                                 }
337                                 description {
338                                         state: "visible" 0.0;
339                                         inherit: "default" 0.0;
340                                         visible: 1;
341                                 }
342                         }
343                         /* For change effect. */
344                         part { name: "rect.reader_layout";
345                                 type: RECT;
346                                 mouse_events: 0;
347                                 repeat_events: 0;
348                                 scale: 1;
349                                 description {
350                                         state: "default" 0.0;
351                                         color: 255 255 255 0;
352                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.reader"; }
353                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.reader"; }
354                                 }
355                                 description {
356                                         state: "visible" 0.0;
357                                         inherit: "default" 0.0;
358                                         color: 255 255 255 255;
359                                 }
360                         }
361                         part {
362                                 name: "elm.swallow.reader";
363                                 type: SWALLOW;
364                                 mouse_events: 1;
365                                 repeat_events: 0;
366                                 scale: 1;
367                                 /* For change effect. */
368                                 clip_to: "rect.reader_layout";
369                                 description {
370                                         state: "default" 0.0;
371                                         visible: 0;
372                                         align: 0.0 0.0;
373                                         rel1 { relative: 0.0 0.0; to: "contents_bg"; }
374                                         rel2 { relative: 1.0 1.0; to: "contents_bg"; }
375                                 }
376                                 description {
377                                         state: "visible" 0.0;
378                                         inherit: "default" 0.0;
379                                         visible: 1;
380                                 }
381                         }
382                         part { name: "elm.swallow.predictive_history";
383                                 mouse_events: 1;
384                                 type: SWALLOW;
385                                 scale: 1;
386                                 description {
387                                         state: "default" 0.0;
388                                         visible: 0;
389                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.most_visited"; }
390                                         rel2 { relative: 1.0 1.0; }
391                                 }
392                                 description {
393                                         state: "visible" 0.0;
394                                         inherit: "default" 0.0;
395                                         visible: 1;
396                                 }
397                         }
398                         part {
399                                 /* In case of my sites guide text, dim the background of screen. */
400                                 name: "elm.rect.screen_dim";
401                                 type: RECT;
402                                 mouse_events: 1;
403                                 repeat_events: 0;
404                                 scale: 1;
405                                 description {
406                                         state: "default" 0.0;
407                                         visible: 0;
408                                         align: 0.0 0.0;
409                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.multi_window"; }
410                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.multi_window"; }
411                                         color: 20 20 20 170;
412                                 }
413                                 description {
414                                         state: "visible" 0.0;
415                                         inherit: "default" 0.0;
416                                         visible: 1;
417                                 }
418                         }
419                         part {
420                                 name: "elm.swallow.mysites_guide";
421                                 type: SWALLOW;
422                                 mouse_events: 1;
423                                 repeat_events: 0;
424                                 scale: 1;
425                                 description {
426                                         state: "default" 0.0;
427                                         visible: 0;
428                                         min: 660 375;
429                                         max: 660 600;
430                                         fixed: 1 0;
431                                         align: 0.5 0.6;
432                                         rel1 { relative: 0.0 0.0; to: "elm.rect.screen_dim"; }
433                                         rel2 { relative: 1.0 1.0; to: "elm.rect.screen_dim"; }
434                                 }
435                                 description {
436                                         state: "visible" 0.0;
437                                         inherit: "default" 0.0;
438                                         visible: 1;
439                                 }
440                         }
441                         part {
442                                 name: "elm.rect.more_context_bg";
443                                 type: RECT;
444                                 mouse_events: 1;
445                                 repeat_events: 0;
446                                 scale: 1;
447                                 description {
448                                         state: "default" 0.0;
449                                         visible: 0;
450                                         align: 0.0 0.0;
451                                         rel1 { relative: 0.0 0.0; }
452                                         rel2 { relative: 1.0 1.0; }
453                                         color: 0 0 0 0;
454                                 }
455                                 description {
456                                         state: "visible" 0.0;
457                                         inherit: "default" 0.0;
458                                         visible: 1;
459                                 }
460                         }
461                         part {
462                                 name: "elm.rect.brightness_top_seg_bg";
463                                 type: RECT;
464                                 mouse_events: 1;
465                                 repeat_events: 0;
466                                 scale: 1;
467                                 description {
468                                         state: "default" 0.0;
469                                         visible: 0;
470                                         align: 0.0 0.0;
471                                         fixed: 0 1;
472                                         min: 0 BROWSER_CONTROL_BAR_HEIGHT;
473                                         rel1 { relative: 0.0 0.0; }
474                                         rel2 { relative: 1.0 0.0; }
475                                         color: 20 20 20 255;
476                                 }
477                                 description {
478                                         state: "visible" 0.0;
479                                         inherit: "default" 0.0;
480                                         visible: 1;
481                                 }
482                         }
483                         part {
484                                 name: "brightness_title_label";
485                                 type: TEXT;
486                                 scale: 1;
487                                 mouse_events: 0;
488                                 description {
489                                         state: "default" 0.0;
490                                         visible: 0;
491                                         fixed: 1 1;
492                                         align: 0.0 0.0;
493                                         rel1 {relative: 0.1 0.0; to: "elm.rect.brightness_top_seg_bg"; }
494                                         rel2 {relative: 0.9 0.4; to: "elm.rect.brightness_top_seg_bg"; }
495                                         text { font: FONT_ROM;
496                             size: 25;
497                             min: 0 0;
498                             align: 0.5 0.5;
499                     }
500                     color: 255 255 255 255;
501                                 }
502                                 description {
503                                         state: "visible" 0.0;
504                                         inherit: "default" 0.0;
505                                         visible: 1;
506                                 }
507                         }
508                         part { name: "elm.swallow.brightness_top_seg";
509                                 mouse_events: 1;
510                                 repeat_events: 0;
511                                 type: SWALLOW;
512                                 scale: 1;
513                                 description {
514                                         state: "default" 0.0;
515                                         visible: 0;
516                                         align: 0.0 0.0;
517                                         rel1 { relative: 0.1 0.4; to: "elm.rect.brightness_top_seg_bg"; }
518                                         rel2 { relative: 0.9 0.9; to: "elm.rect.brightness_top_seg_bg"; }
519                                 }
520                                 description {
521                                         state: "visible" 0.0;
522                                         inherit: "default" 0.0;
523                                         visible: 1;
524                                 }
525                         }
526                         part {
527                                 name: "elm.rect.brightness_slider_bg";
528                                 type: RECT;
529                                 mouse_events: 1;
530                                 repeat_events: 0;
531                                 scale: 1;
532                                 description {
533                                         state: "default" 0.0;
534                                         visible: 0;
535                                         align: 0.0 0.0;
536                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.brightness_slider"; }
537                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.brightness_slider"; }
538                                         color: 20 20 20 255;
539                                 }
540                                 description {
541                                         state: "visible" 0.0;
542                                         inherit: "default" 0.0;
543                                         visible: 1;
544                                 }
545                         }
546                         part { name: "elm.swallow.brightness_slider";
547                                 mouse_events: 1;
548                                 repeat_events: 0;
549                                 type: SWALLOW;
550                                 scale: 1;
551                                 description {
552                                         state: "default" 0.0;
553                                         visible: 0;
554                                         min: 0 BROWSER_CONTROL_BAR_HEIGHT;
555                                         fixed: 0 1;
556                                         align: 0.0 1.0;
557                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.control_bar"; }
558                                         rel2 { relative: 1.0 0.0; to: "elm.swallow.control_bar"; }
559                                 }
560                                 description {
561                                         state: "visible" 0.0;
562                                         inherit: "default" 0.0;
563                                         visible: 1;
564                                 }
565                         }
566                 }
567                 programs {
568                         /////////////////////////////
569                         // show / hide brightness layout
570                         /////////////////////////////
571                         program { name: "show,brightness_layout";
572                                 signal: "show,brightness_layout,signal";
573                                 action: STATE_SET "visible" 0.0;
574                                 target: "elm.swallow.brightness_slider";
575                                 target: "elm.rect.brightness_slider_bg";
576                                 target: "elm.rect.brightness_top_seg_bg";
577                                 target: "elm.swallow.brightness_top_seg";
578                                 target: "brightness_title_label";
579                         }
580                         program { name: "hide,brightness_layout";
581                                 signal: "hide,brightness_layout,signal";
582                                 action: STATE_SET "default" 0.0;
583                                 target: "elm.swallow.brightness_slider";
584                                 target: "elm.rect.brightness_slider_bg";
585                                 target: "elm.rect.brightness_top_seg_bg";
586                                 target: "elm.swallow.brightness_top_seg";
587                                 target: "brightness_title_label";
588                         }
589
590                         /////////////////////////////
591                         // show / hide more context bg
592                         /////////////////////////////
593                         program { name: "show,more_context_bg";
594                                 signal: "show,more_context_bg,signal";
595                                 action: STATE_SET "visible" 0.0;
596                                 target: "elm.rect.more_context_bg";
597                         }
598                         program { name: "hide,more_context_bg";
599                                 signal: "hide,more_context_bg,signal";
600                                 action: STATE_SET "default" 0.0;
601                                 target: "elm.rect.more_context_bg";
602                         }
603
604                         /////////////////////////////
605                         // full screen
606                         /////////////////////////////
607                         program { name: "enter,full_screen";
608                                 signal: "enter,full_screen,signal";
609                                 action: STATE_SET "full_screen" 0.0;
610                                 target: "elm.swallow.control_bar";
611                                 target: "elm.swallow.content";
612                         }
613                         program { name: "exit,full_screen";
614                                 signal: "exit,full_screen,signal";
615                                 action: STATE_SET "default" 0.0;
616                                 target: "elm.swallow.control_bar";
617                                 target: "elm.swallow.content";
618                         }
619                         /////////////////////////////
620                         // show / hide scissor box
621                         /////////////////////////////
622                         program { name: "show,scissorbox";
623                                 signal: "show,scissorbox,signal";
624                                 action: STATE_SET "visible" 0.0;
625                                 target: "elm.swallow.scissorbox";
626                         }
627                         program { name: "hide,scissorbox";
628                                 signal: "hide,scissorbox,signal";
629                                 action: STATE_SET "default" 0.0;
630                                 target: "elm.swallow.scissorbox";
631                         }
632                         /* ifdef ZOOM_BUTTON */
633                         /////////////////////////////
634                         // show / hide zoom buttons
635                         /////////////////////////////
636                         program { name: "show,zoom_buttons";
637                                 signal: "show,zoom_buttons,signal";
638                                 action: STATE_SET "visible" 0.0;
639                                 target: "elm.swallow.zoom_out_button";
640                                 target: "elm.swallow.zoom_in_button";
641                         }
642                         program { name: "hide,zoom_buttons";
643                                 signal: "hide,zoom_buttons,signal";
644                                 action: STATE_SET "default" 0.0;
645                                 target: "elm.swallow.zoom_out_button";
646                                 target: "elm.swallow.zoom_in_button";
647                         }
648                         /* endif ZOOM_BUTTON */
649
650                         /////////////////////////////
651                         // show / hide reader
652                         /////////////////////////////
653                         program { name: "show,reader";
654                                 signal: "show,reader,signal";
655                                 action: STATE_SET "visible" 0.0;
656                                 target: "elm.swallow.reader";
657                         }
658                         program { name: "show,reader,clipper";
659                                 signal: "show,reader,signal";
660                                 transition: ACCELERATE 0.5;
661                                 action: STATE_SET "visible" 0.0;
662                                 target: "rect.reader_layout";
663                         }
664                         program { name: "hide,reader";
665                                 signal: "hide,reader,signal";
666                                 action: STATE_SET "default" 0.0;
667                                 target: "elm.swallow.reader";
668                                 target: "rect.reader_layout";
669                         }
670
671                         /////////////////////////////
672                         // show / hide most visited sites
673                         /////////////////////////////
674                         program { name: "show,most_visited_sites";
675                                 signal: "show,most_visited_sites,signal";
676                                 action: STATE_SET "visible" 0.0;
677                                 target: "elm.swallow.most_visited_sites";
678                                 target: "most_visited_sites_bg";
679                         }
680                         program { name: "hide,most_visited_sites";
681                                 signal: "hide,most_visited_sites,signal";
682                                 action: STATE_SET "default" 0.0;
683                                 target: "elm.swallow.most_visited_sites";
684                                 target: "most_visited_sites_bg";
685                         }
686
687                         /////////////////////////////////////
688                         // show / hide most visited sites guide text
689                         /////////////////////////////////////
690                         program { name: "show,most_visited_sites_guide_text";
691                                 signal: "show,most_visited_sites_guide_text,signal";
692                                 action: STATE_SET "visible" 0.0;
693                                 target: "elm.rect.screen_dim";
694                                 target: "elm.swallow.mysites_guide";
695                         }
696                         program { name: "hide,most_visited_sites_guide_text";
697                                 signal: "hide,most_visited_sites_guide_text,signal";
698                                 action: STATE_SET "default" 0.0;
699                                 target: "elm.rect.screen_dim";
700                                 target: "elm.swallow.mysites_guide";
701                         }
702
703                         /////////////////////////////
704                         // url edit mode on/off
705                         /////////////////////////////
706                         program { name: "edit,url,on";
707                                 signal: "edit,url,on,signal";
708                                 action: STATE_SET "visible" 0.0;
709                                 target: "elm.rect.content_dim";
710                                 after: "show,most_visited";
711                         }
712                         program { name: "edit,url,off";
713                                 signal: "edit,url,off,signal";
714                                 action: STATE_SET "default" 0.0;
715                                 target: "elm.rect.content_dim";
716                                 after: "hide,most_visited";
717                         }
718
719                         /////////////////////////////
720                         // show / hide background dim
721                         /////////////////////////////
722                         program { name: "dim,bg";
723                                 signal: "dim,bg,signal";
724                                 action: STATE_SET "visible" 0.0;
725                                 target: "elm.rect.content_dim";
726                         }
727                         program { name: "undim,bg";
728                                 signal: "undim,bg,signal";
729                                 action: STATE_SET "default" 0.0;
730                                 target: "elm.rect.content_dim";
731                         }
732
733                         ////////////////////////////////////
734                         // show / hide most visited swallow
735                         ////////////////////////////////////
736                         program { name: "show,most_visited";
737                                 signal: "show,most_visited,signal";
738                                 action: STATE_SET "visible" 0.0;
739                                 target: "elm.swallow.most_visited";
740                         }
741                         program { name: "hide,most_visited";
742                                 signal: "hide,most_visited,signal";
743                                 action: STATE_SET "default" 0.0;
744                                 target: "elm.swallow.most_visited";
745                         }
746
747                         ////////////////////////////////////
748                         // show / hide multiwindow swallow
749                         ////////////////////////////////////
750                         program { name: "show,multi_window";
751                                 signal: "show,multi_window,signal";
752                                 action: STATE_SET "visible" 0.0;
753                                 target: "elm.swallow.multi_window";
754                         }
755                         program { name: "hide,multi_window";
756                                 signal: "hide,multi_window,signal";
757                                 action: STATE_SET "default" 0.0;
758                                 target: "elm.swallow.multi_window";
759                         }
760
761                         /////////////////////////////
762                         // control bar show / hide
763                         /////////////////////////////
764                         program { name: "show,control_bar";
765                                 signal: "show,control_bar,signal";
766                                 transition: LINEAR 0.2;
767                                 action: STATE_SET "default" 0.0;
768                                 target: "elm.swallow.control_bar";
769                         }
770                         program { name: "hide,control_bar";
771                                 signal: "hide,control_bar,signal";
772                                 transition: LINEAR 0.2;
773                                 action: STATE_SET "invisible" 0.0;
774                                 target: "elm.swallow.control_bar";
775                         }
776                         program { name: "hide,control_bar,no_animation";
777                                 signal: "hide,control_bar,no_animation,signal";
778                                 action: STATE_SET "invisible" 0.0;
779                                 target: "elm.swallow.control_bar";
780                         }
781                         program { name: "show,control_bar,no_animation";
782                                 signal: "show,control_bar,no_animation,signal";
783                                 action: STATE_SET "default" 0.0;
784                                 target: "elm.swallow.control_bar";
785                         }
786                         /////////////////////////////////////////////////////
787                         // hide waiting progress bar / show grey background
788                         /////////////////////////////////////////////////////
789                         program { name: "hide,waiting_progressbar";
790                                 signal: "hide,waiting_progressbar,signal";
791                                 action: STATE_SET "unvisible" 0.0;
792                                 target: "elm.swallow.waiting_progress";
793                         }
794                         program { name: "show,grey_background";
795                                 signal: "show,grey_background,signal";
796                                 action: STATE_SET "visible" 0.0;
797                                 target: "contents_bg";
798                         }
799                         program { name: "hide,grey_background";
800                                 signal: "hide,grey_background,signal";
801                                 action: STATE_SET "default" 0.0;
802                                 target: "contents_bg";
803                         }
804
805                         ////////////////////////////////////
806                         // show / hide predictive history
807                         ////////////////////////////////////
808                         program { name: "hide,predictive_history";
809                                 signal: "hide,predictive_history,signal";
810                                 action: STATE_SET "default" 0.0;
811                                 target: "elm.swallow.predictive_history";
812                         }
813                         program { name: "show,predictive_history";
814                                 signal: "show,predictive_history,signal";
815                                 action: STATE_SET "visible" 0.0;
816                                 target: "elm.swallow.predictive_history";
817                         }
818                 }
819         }
820
821         group {
822                 name: "browser/browser-view-webview";
823                 parts {
824                         part { name: "bg";
825                                 mouse_events: 0;
826                                 type: RECT;
827                                 scale: 1;
828                                 description {
829                                         state: "default" 0.0;
830                                         visible: 1;
831                                         align: 0.0 0.0;
832                                         rel1 { relative: 0.0 0.0; }
833                                         /* The height of url bar layout is 65. */
834                                         /* The webview size is content height + 65. */
835                                         rel2 { relative: 1.0 1.0; }
836                                         color: 0 0 0 0;
837                                         fixed: 0 1;
838                                         min: 0 1116;
839                                 }
840                                 description {
841                                         state: "resizable" 0.0;
842                                         visible: 1;
843                                         align: 0.0 0.0;
844                                         rel1 { relative: 0.0 0.0; }
845                                         /* The height of url bar layout is 65. */
846                                         /* The webview size is content height + 65. */
847                                         rel2 { relative: 1.0 1.0; }
848                                         color: 0 0 0 0;
849                                 }
850                         }
851                         part {
852                                 name: "elm.swallow.webview";
853                                 type: SWALLOW;
854                                 mouse_events: 1;
855                                 repeat_events: 0;
856                                 scale: 1;
857                                 description {
858                                         state: "default" 0.0;
859                                         visible: 1;
860                                         align: 0.0 0.0;
861                                         rel1 { relative: 0.0 0.0; to: "bg"; }
862                                         rel2 { relative: 1.0 1.0; to: "bg"; }
863                                         fixed: 0 1;
864                                         min: 0 1116;
865                                 }
866                                 description {
867                                         state: "resizable" 0.0;
868                                         visible: 1;
869                                         align: 0.0 0.0;
870                                         rel1 { relative: 0.0 0.0; to: "bg"; }
871                                         rel2 { relative: 1.0 1.0; to: "bg"; }
872                                 }
873                         }
874                 }
875                 programs {
876                         /////////////////////////////
877                         // show / hide more context bg
878                         /////////////////////////////
879                         program { name: "resizable";
880                                 signal: "resizable,signal";
881                                 action: STATE_SET "resizable" 0.0;
882                                 target: "bg";
883                                 target: "elm.swallow.webview";
884                         }
885                         program { name: "unresizable";
886                                 signal: "unresizable,signal";
887                                 action: STATE_SET "default" 0.0;
888                                 target: "bg";
889                                 target: "elm.swallow.webview";
890                         }
891                 }
892         }
893 }