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 /* endif ZOOM_BUTTON */
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";
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";
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";
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";
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";
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";
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";
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";
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";
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";
727 program { name: "undim,bg";
728 signal: "undim,bg,signal";
729 action: STATE_SET "default" 0.0;
730 target: "elm.rect.content_dim";
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";
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";
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";
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";
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";
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";
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";
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";
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";
794 program { name: "show,grey_background";
795 signal: "show,grey_background,signal";
796 action: STATE_SET "visible" 0.0;
797 target: "contents_bg";
799 program { name: "hide,grey_background";
800 signal: "hide,grey_background,signal";
801 action: STATE_SET "default" 0.0;
802 target: "contents_bg";
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";
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";
822 name: "browser/browser-view-webview";
829 state: "default" 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; }
841 state: "resizable" 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; }
852 name: "elm.swallow.webview";
858 state: "default" 0.0;
861 rel1 { relative: 0.0 0.0; to: "bg"; }
862 rel2 { relative: 1.0 1.0; to: "bg"; }
867 state: "resizable" 0.0;
870 rel1 { relative: 0.0 0.0; to: "bg"; }
871 rel2 { relative: 1.0 1.0; to: "bg"; }
876 /////////////////////////////
877 // show / hide more context bg
878 /////////////////////////////
879 program { name: "resizable";
880 signal: "resizable,signal";
881 action: STATE_SET "resizable" 0.0;
883 target: "elm.swallow.webview";
885 program { name: "unresizable";
886 signal: "unresizable,signal";
887 action: STATE_SET "default" 0.0;
889 target: "elm.swallow.webview";