2 * Copyright 2012 Samsung Electronics Co., Ltd
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
8 * http://www.tizenopensource.org/license
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.
19 #define BROWSER_COLOR_WHITE 255 255 255 255
23 #define BROWSER_IMAGE_CONTENT_BG "browser-view-images/41_browser_new_win_bg.png"
25 #define BROWSER_WAITING_PROGRESS_SIZE 90 90
26 #define BROWSER_FLOATING_BACKWARD_BUTTON_SIZE 120 124
27 #define BROWSER_CONTROL_BAR_HEIGHT 114
31 name: "browser/browser-view-main";
33 image: BROWSER_IMAGE_CONTENT_BG COMP;
44 rel1 { relative: 0.0 0.0; }
45 rel2 { relative: 1.0 1.0; }
46 color: BROWSER_COLOR_WHITE;
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;
64 inherit: "default" 0.0;
69 name: "elm.swallow.content";
78 rel1 { relative: 0.0 0.0; to: "contents_bg"; }
79 rel2 { relative: 1.0 0.0; to: "elm.swallow.control_bar"; }
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"; }
89 name: "elm.swallow.scissorbox";
98 rel1 { relative: 0.0 0.0; to: "elm.swallow.content"; }
99 rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; }
102 state: "visible" 0.0;
103 inherit: "default" 0.0;
107 /* ifdef ZOOM_BUTTON */
109 name: "elm.swallow.zoom_out_button";
115 state: "default" 0.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"; }
125 state: "visible" 0.0;
126 inherit: "default" 0.0;
131 name: "elm.swallow.zoom_in_button";
137 state: "default" 0.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"; }
147 state: "visible" 0.0;
148 inherit: "default" 0.0;
152 /* endif ZOOM_BUTTON */
154 name: "padding,url_layout"; // padding
159 state: "default" 0.0;
165 rel1 { relative: 0.0 0.0; to: "contents_bg"; }
166 rel2 { relative: 1.0 0.0; to: "contents_bg"; }
171 name: "elm.swallow.waiting_progress";
176 state: "default" 0.0;
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; }
185 state: "unvisible" 0.0;
186 inherit: "default" 0.0;
191 name: "most_visited_sites_bg";
196 state: "default" 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"; }
204 state: "visible" 0.0;
205 inherit: "default" 0.0;
210 name: "padding,most_visited_sites_bottom";
216 state: "default" 0.0;
218 min: 0 BROWSER_CONTROL_BAR_HEIGHT;
220 rel1 { relative: 0.0 1.0; }
221 rel2 { relative: 1.0 1.0; }
225 name: "elm.swallow.most_visited_sites";
230 state: "default" 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"; }
237 state: "visible" 0.0;
238 inherit: "default" 0.0;
243 name: "elm.rect.content_dim";
249 state: "default" 0.0;
252 rel1 { relative: 0.0 1.0; to_y: "padding,url_layout"; }
253 rel2 { relative: 1.0 1.0; }
257 state: "visible" 0.0;
258 inherit: "default" 0.0;
263 name: "elm.swallow.most_visited";
269 state: "default" 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"; }
276 state: "visible" 0.0;
277 inherit: "default" 0.0;
282 name: "elm.rect.control_bar_bg";
288 state: "default" 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;
297 name: "elm.swallow.control_bar";
303 state: "default" 0.0;
305 min: 0 BROWSER_CONTROL_BAR_HEIGHT;
308 rel1 { relative: 0.0 1.0; }
309 rel2 { relative: 1.0 1.0; }
312 state: "invisible" 0.0;
313 inherit: "default" 0.0;
315 rel1 { relative: 0.0 1.0; }
316 rel2 { relative: 1.0 1.0; }
319 state: "full_screen" 0.0;
320 inherit: "default" 0.0;
325 name: "elm.swallow.multi_window";
331 state: "default" 0.0;
334 rel1 { relative: 0.0 0.0; to: "elm.swallow.content"; }
335 rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; }
338 state: "visible" 0.0;
339 inherit: "default" 0.0;
343 /* For change effect. */
344 part { name: "rect.reader_layout";
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"; }
356 state: "visible" 0.0;
357 inherit: "default" 0.0;
358 color: 255 255 255 255;
362 name: "elm.swallow.reader";
367 /* For change effect. */
368 clip_to: "rect.reader_layout";
370 state: "default" 0.0;
373 rel1 { relative: 0.0 0.0; to: "contents_bg"; }
374 rel2 { relative: 1.0 1.0; to: "contents_bg"; }
377 state: "visible" 0.0;
378 inherit: "default" 0.0;
382 part { name: "elm.swallow.predictive_history";
387 state: "default" 0.0;
389 rel1 { relative: 0.0 0.0; to: "elm.swallow.most_visited"; }
390 rel2 { relative: 1.0 1.0; }
393 state: "visible" 0.0;
394 inherit: "default" 0.0;
399 /* In case of my sites guide text, dim the background of screen. */
400 name: "elm.rect.screen_dim";
406 state: "default" 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"; }
414 state: "visible" 0.0;
415 inherit: "default" 0.0;
420 name: "elm.swallow.mysites_guide";
426 state: "default" 0.0;
432 rel1 { relative: 0.0 0.0; to: "elm.rect.screen_dim"; }
433 rel2 { relative: 1.0 1.0; to: "elm.rect.screen_dim"; }
436 state: "visible" 0.0;
437 inherit: "default" 0.0;
442 name: "elm.rect.more_context_bg";
448 state: "default" 0.0;
451 rel1 { relative: 0.0 0.0; }
452 rel2 { relative: 1.0 1.0; }
456 state: "visible" 0.0;
457 inherit: "default" 0.0;
462 name: "elm.rect.brightness_top_seg_bg";
468 state: "default" 0.0;
472 min: 0 BROWSER_CONTROL_BAR_HEIGHT;
473 rel1 { relative: 0.0 0.0; }
474 rel2 { relative: 1.0 0.0; }
478 state: "visible" 0.0;
479 inherit: "default" 0.0;
484 name: "brightness_title_label";
489 state: "default" 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;
500 color: 255 255 255 255;
503 state: "visible" 0.0;
504 inherit: "default" 0.0;
508 part { name: "elm.swallow.brightness_top_seg";
514 state: "default" 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"; }
521 state: "visible" 0.0;
522 inherit: "default" 0.0;
527 name: "elm.rect.brightness_slider_bg";
533 state: "default" 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"; }
541 state: "visible" 0.0;
542 inherit: "default" 0.0;
546 part { name: "elm.swallow.brightness_slider";
552 state: "default" 0.0;
554 min: 0 BROWSER_CONTROL_BAR_HEIGHT;
557 rel1 { relative: 0.0 0.0; to: "elm.swallow.control_bar"; }
558 rel2 { relative: 1.0 0.0; to: "elm.swallow.control_bar"; }
561 state: "visible" 0.0;
562 inherit: "default" 0.0;
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";
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";
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";
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";
604 /////////////////////////////
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";
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";
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";
627 program { name: "hide,scissorbox";
628 signal: "hide,scissorbox,signal";
629 action: STATE_SET "default" 0.0;
630 target: "elm.swallow.scissorbox";
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";
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";
648 program { name: "show,zoom_in_buttons";
649 signal: "show,zoom_in_buttons,signal";
650 action: STATE_SET "visible" 0.0;
651 target: "elm.swallow.zoom_in_button";
653 program { name: "hide,zoom_in_buttons";
654 signal: "hide,zoom_in_buttons,signal";
655 action: STATE_SET "default" 0.0;
656 target: "elm.swallow.zoom_in_button";
658 program { name: "show,zoom_out_buttons";
659 signal: "show,zoom_out_buttons,signal";
660 action: STATE_SET "visible" 0.0;
661 target: "elm.swallow.zoom_out_button";
663 program { name: "hide,zoom_out_buttons";
664 signal: "hide,zoom_out_buttons,signal";
665 action: STATE_SET "default" 0.0;
666 target: "elm.swallow.zoom_out_button";
668 /* endif ZOOM_BUTTON */
670 /////////////////////////////
671 // show / hide reader
672 /////////////////////////////
673 program { name: "show,reader";
674 signal: "show,reader,signal";
675 action: STATE_SET "visible" 0.0;
676 target: "elm.swallow.reader";
678 program { name: "show,reader,clipper";
679 signal: "show,reader,signal";
680 transition: ACCELERATE 0.5;
681 action: STATE_SET "visible" 0.0;
682 target: "rect.reader_layout";
684 program { name: "hide,reader";
685 signal: "hide,reader,signal";
686 action: STATE_SET "default" 0.0;
687 target: "elm.swallow.reader";
688 target: "rect.reader_layout";
691 /////////////////////////////
692 // show / hide most visited sites
693 /////////////////////////////
694 program { name: "show,most_visited_sites";
695 signal: "show,most_visited_sites,signal";
696 action: STATE_SET "visible" 0.0;
697 target: "elm.swallow.most_visited_sites";
698 target: "most_visited_sites_bg";
700 program { name: "hide,most_visited_sites";
701 signal: "hide,most_visited_sites,signal";
702 action: STATE_SET "default" 0.0;
703 target: "elm.swallow.most_visited_sites";
704 target: "most_visited_sites_bg";
707 /////////////////////////////////////
708 // show / hide most visited sites guide text
709 /////////////////////////////////////
710 program { name: "show,most_visited_sites_guide_text";
711 signal: "show,most_visited_sites_guide_text,signal";
712 action: STATE_SET "visible" 0.0;
713 target: "elm.rect.screen_dim";
714 target: "elm.swallow.mysites_guide";
716 program { name: "hide,most_visited_sites_guide_text";
717 signal: "hide,most_visited_sites_guide_text,signal";
718 action: STATE_SET "default" 0.0;
719 target: "elm.rect.screen_dim";
720 target: "elm.swallow.mysites_guide";
723 /////////////////////////////
724 // url edit mode on/off
725 /////////////////////////////
726 program { name: "edit,url,on";
727 signal: "edit,url,on,signal";
728 action: STATE_SET "visible" 0.0;
729 target: "elm.rect.content_dim";
730 after: "show,most_visited";
732 program { name: "edit,url,off";
733 signal: "edit,url,off,signal";
734 action: STATE_SET "default" 0.0;
735 target: "elm.rect.content_dim";
736 after: "hide,most_visited";
739 /////////////////////////////
740 // show / hide background dim
741 /////////////////////////////
742 program { name: "dim,bg";
743 signal: "dim,bg,signal";
744 action: STATE_SET "visible" 0.0;
745 target: "elm.rect.content_dim";
747 program { name: "undim,bg";
748 signal: "undim,bg,signal";
749 action: STATE_SET "default" 0.0;
750 target: "elm.rect.content_dim";
753 ////////////////////////////////////
754 // show / hide most visited swallow
755 ////////////////////////////////////
756 program { name: "show,most_visited";
757 signal: "show,most_visited,signal";
758 action: STATE_SET "visible" 0.0;
759 target: "elm.swallow.most_visited";
761 program { name: "hide,most_visited";
762 signal: "hide,most_visited,signal";
763 action: STATE_SET "default" 0.0;
764 target: "elm.swallow.most_visited";
767 ////////////////////////////////////
768 // show / hide multiwindow swallow
769 ////////////////////////////////////
770 program { name: "show,multi_window";
771 signal: "show,multi_window,signal";
772 action: STATE_SET "visible" 0.0;
773 target: "elm.swallow.multi_window";
775 program { name: "hide,multi_window";
776 signal: "hide,multi_window,signal";
777 action: STATE_SET "default" 0.0;
778 target: "elm.swallow.multi_window";
781 /////////////////////////////
782 // control bar show / hide
783 /////////////////////////////
784 program { name: "show,control_bar";
785 signal: "show,control_bar,signal";
786 transition: LINEAR 0.2;
787 action: STATE_SET "default" 0.0;
788 target: "elm.swallow.control_bar";
790 program { name: "hide,control_bar";
791 signal: "hide,control_bar,signal";
792 transition: LINEAR 0.2;
793 action: STATE_SET "invisible" 0.0;
794 target: "elm.swallow.control_bar";
796 program { name: "hide,control_bar,no_animation";
797 signal: "hide,control_bar,no_animation,signal";
798 action: STATE_SET "invisible" 0.0;
799 target: "elm.swallow.control_bar";
801 program { name: "show,control_bar,no_animation";
802 signal: "show,control_bar,no_animation,signal";
803 action: STATE_SET "default" 0.0;
804 target: "elm.swallow.control_bar";
806 /////////////////////////////////////////////////////
807 // hide waiting progress bar / show grey background
808 /////////////////////////////////////////////////////
809 program { name: "hide,waiting_progressbar";
810 signal: "hide,waiting_progressbar,signal";
811 action: STATE_SET "unvisible" 0.0;
812 target: "elm.swallow.waiting_progress";
814 program { name: "show,grey_background";
815 signal: "show,grey_background,signal";
816 action: STATE_SET "visible" 0.0;
817 target: "contents_bg";
819 program { name: "hide,grey_background";
820 signal: "hide,grey_background,signal";
821 action: STATE_SET "default" 0.0;
822 target: "contents_bg";
825 ////////////////////////////////////
826 // show / hide predictive history
827 ////////////////////////////////////
828 program { name: "hide,predictive_history";
829 signal: "hide,predictive_history,signal";
830 action: STATE_SET "default" 0.0;
831 target: "elm.swallow.predictive_history";
833 program { name: "show,predictive_history";
834 signal: "show,predictive_history,signal";
835 action: STATE_SET "visible" 0.0;
836 target: "elm.swallow.predictive_history";
842 name: "browser/browser-view-webview";
849 state: "default" 0.0;
852 rel1 { relative: 0.0 0.0; }
853 /* The height of url bar layout is 65. */
854 /* The webview size is content height + 65. */
855 rel2 { relative: 1.0 1.0; }
861 state: "resizable" 0.0;
864 rel1 { relative: 0.0 0.0; }
865 /* The height of url bar layout is 65. */
866 /* The webview size is content height + 65. */
867 rel2 { relative: 1.0 1.0; }
872 name: "elm.swallow.webview";
878 state: "default" 0.0;
881 rel1 { relative: 0.0 0.0; to: "bg"; }
882 rel2 { relative: 1.0 1.0; to: "bg"; }
887 state: "resizable" 0.0;
890 rel1 { relative: 0.0 0.0; to: "bg"; }
891 rel2 { relative: 1.0 1.0; to: "bg"; }
896 /////////////////////////////
897 // show / hide more context bg
898 /////////////////////////////
899 program { name: "resizable";
900 signal: "resizable,signal";
901 action: STATE_SET "resizable" 0.0;
903 target: "elm.swallow.webview";
905 program { name: "unresizable";
906 signal: "unresizable,signal";
907 action: STATE_SET "default" 0.0;
909 target: "elm.swallow.webview";