edc/browser-view-url-layout.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 #include "browser-macro.edc"
  19
  20 collections {
  21 ////////////////////////////////////////////////////////////////////////////////////////
  22 // editfield
  23 ////////////////////////////////////////////////////////////////////////////////////////
  24 #define EDITFIELD_TITLE_SIZE_INC 32
  25 //#define EDITFIELD_DEFAULT_MINH_INC 112
  26 // Customize - edit field height
  27 #define EDITFIELD_DEFAULT_MINH_INC 64
  28 //#define EDITFIELD_DEFAULT_TOP1_SINGLE_INC 20
  29 // Customize - entry top margin
  30 // Strangely - (Edit field entry is aligned to top a little, so make the top margin more then bottom)
  31 #define EDITFIELD_DEFAULT_TOP1_SINGLE_INC 5
  32 #define EDITFIELD_DEFAULT_TOP1_MULTI_INC 45
  33 #define EDITFIELD_DEFAULT_TOP2_INC 6
  34 #define EDITFIELD_DEFAULT_LEFT1_INC 0
  35 #define EDITFIELD_DEFAULT_LEFT2_INC 0
  36 #define EDITFIELD_DEFAULT_LEFT3_INC 1
  37
  38 #define EDITFIELD_DEFAULT_RIGHT1_ERASER_SHOW_INC 0 // browser customize
  39
  40 // width of erase icon width and string witdh of "xxx/xxx"
  41 #define EDITFIELD_DEFAULT_RIGHT1_ERASER_SHOW_INC_FOR_FIND_WORD (EDITFIELD_DEFAULT_ERASER_MINW_INC + 115 + 10)
  42 // 115 is width of findword entry defined in browser-view-find-word.edc + 10 is minimam margin of index text width
  43
  44 #define EDITFIELD_DEFAULT_RIGHT2_INC 10  // browser customize
  45 //#define EDITFIELD_DEFAULT_BOTTOM1_SINGLE_INC 20
  46 // Customize - entry bottom margin
  47 #define EDITFIELD_DEFAULT_BOTTOM1_SINGLE_INC 0
  48 #define EDITFIELD_DEFAULT_BOTTOM1_MULTI_INC 5
  49 #define EDITFIELD_DEFAULT_BOTTOM2_SINGLE_INC 38
  50 #define EDITFIELD_DEFAULT_BOTTOM2_MULTI_INC 6
  51 #define EDITFIELD_DEFAULT_BOTTOM3_SINGLE_INC 85
  52 #define EDITFIELD_DEFAULT_BOTTOM3_MULTI_INC 60
  53 #define EDITFIELD_TITLE_COLOR_INC 168 168 168 255
  54 #define EDITFIELD_GUIDE_TEXT_COLOR_INC 70 70 70 255
  55 #define ENTRY_TEXT_SIZE_INC 44
  56 // Customize - text color
  57 //#define ENTRY_TEXT_COLOR_INC "#FFFFFF"
  58 #define ENTRY_TEXT_COLOR_WHITE_INC "#FFFFFF"
  59 #define ENTRY_TEXT_COLOR_BLACK_INC "#3C3632"
  60
  61 #define EDITFIELD_DEFAULT_ERASER_MINW_INC 38
  62 #define EDITFIELD_DEFAULT_ERASER_MINH_INC 38
  63
  64 group { name: "elm/layout/browser-editfield/default";
  65    images {
  66       image: "browser-view-images/url-layout/I01_field_btn_Clear.png" COMP;
  67    }
  68    styles {
  69       style { name: "ellipsis_textblock_style_white";
  70          base: "font=SLP:style=Roman font_size=35 color="ENTRY_TEXT_COLOR_BLACK_INC" wrap=none left_margin=1 right_margin=3 ellipsis=1";
  71          tag:  "br" "\n";
  72          tag:  "ps" "ps";
  73          tag:  "tab" "\t";
  74          tag:  "em" "+ font=SLP:style=Oblique";
  75          tag:  "b" "+ font=SLP:style=Bold";
  76          tag:  "link" "+ color=#800 underline=on underline_color=#8008";
  77          tag:  "hilight" "+ font=SLP:style=Bold";
  78          tag:  "preedit" "+ underline=on underline_color="ENTRY_PREEDIT_BACKGROUND_COLOR_INC"";
  79          tag:  "preedit_sel" "+ backing=on backing_color="ENTRY_PREEDIT_BACKGROUND_COLOR_INC" color="ENTRY_PREEDIT_TEXT_COLOR_INC"";
  80       }
  81       style { name: "ellipsis_textblock_style_black";
  82          base: "font=SLP:style=Roman font_size="ENTRY_TEXT_SIZE_INC" color="ENTRY_TEXT_COLOR_BLACK_INC" wrap=none left_margin=1 right_margin=3 ellipsis=1";
  83          tag:  "br" "\n";
  84          tag:  "ps" "ps";
  85          tag:  "tab" "\t";
  86          tag:  "em" "+ font=SLP:style=Oblique";
  87          tag:  "b" "+ font=SLP:style=Bold";
  88          tag:  "link" "+ color=#800 underline=on underline_color=#8008";
  89          tag:  "hilight" "+ font=SLP:style=Bold";
  90          tag:  "preedit" "+ underline=on underline_color="ENTRY_PREEDIT_BACKGROUND_COLOR_INC"";
  91          tag:  "preedit_sel" "+ backing=on backing_color="ENTRY_PREEDIT_BACKGROUND_COLOR_INC" color="ENTRY_PREEDIT_TEXT_COLOR_INC"";
  92       }
  93    }
  94    parts {
  95       part {
  96          name: "base";
  97          type: RECT;
  98          scale: 1;
  99          ignore_flags: ON_HOLD;
 100          description {
 101             state: "default" 0.0;
 102             min: 0 EDITFIELD_DEFAULT_MINH_INC;
 103             color: 0 0 0 0;
 104          }
 105       }
 106       part {
 107          name: "top1";
 108          type: RECT;
 109          scale: 1;
 110          ignore_flags: ON_HOLD;
 111          description {
 112             state: "default" 0.0;
 113             visible: 0;
 114             min: 0 EDITFIELD_DEFAULT_TOP1_SINGLE_INC;
 115             fixed: 1 1;
 116             rel1.relative: 0.0 0.0;
 117             rel2.relative: 1.0 0.0;
 118             align: 0.5 0;
 119          }
 120       }
 121       part {
 122          name: "top2";
 123          type: RECT;
 124          scale: 1;
 125          ignore_flags: ON_HOLD;
 126          description {
 127             state: "default" 0.0;
 128             visible: 0;
 129             min: 0 EDITFIELD_DEFAULT_TOP2_INC;
 130             fixed: 1 1;
 131             rel1.relative: 0.0 0.0;
 132             rel2.relative: 1.0 0.0;
 133             align: 0.5 0;
 134          }
 135       }
 136       part {
 137          name: "left1";
 138          type: RECT;
 139          scale: 1;
 140          ignore_flags: ON_HOLD;
 141          description {
 142             state: "default" 0.0;
 143             visible: 0;
 144             min: EDITFIELD_DEFAULT_LEFT1_INC 0;
 145             fixed: 1 1;
 146             align: 0 0;
 147             rel1.relative : 0.0 0.0;
 148             rel2.relative : 0.0 1.0;
 149          }
 150       }
 151       part {
 152          name: "left2";
 153          type: RECT;
 154          scale: 1;
 155          ignore_flags: ON_HOLD;
 156          description {
 157             state: "default" 0.0;
 158             visible: 0;
 159             min: EDITFIELD_DEFAULT_LEFT2_INC 0;
 160             fixed: 1 1;
 161             align: 0 0;
 162             rel1.relative : 0.0 0.0;
 163             rel2.relative : 0.0 1.0;
 164          }
 165       }
 166       part {
 167          name: "right1";
 168          type: RECT;
 169          scale: 1;
 170          ignore_flags: ON_HOLD;
 171          description {
 172             state: "default" 0.0;
 173             visible: 0;
 174             min: EDITFIELD_DEFAULT_RIGHT1_ERASER_SHOW_INC 0;
 175             fixed: 1 1;
 176             align: 1 0;
 177             rel1.relative : 1.0 0.0;
 178             rel2.relative : 1.0 1.0;
 179          }
 180          description {
 181             state: "find_word" 0.0;
 182             inherit: "default" 0.0;
 183             min: EDITFIELD_DEFAULT_RIGHT1_ERASER_SHOW_INC_FOR_FIND_WORD 0;
 184          }
 185       }
 186       part {
 187          name: "right2";
 188          type: RECT;
 189          scale: 1;
 190          ignore_flags: ON_HOLD;
 191          description {
 192             state: "default" 0.0;
 193             visible: 0;
 194             min: EDITFIELD_DEFAULT_RIGHT2_INC 0;
 195             fixed: 1 1;
 196             align: 1 0;
 197             rel1.relative : 1.0 0.0;
 198             rel2.relative : 1.0 1.0;
 199          }
 200       }
 201       part {
 202          name: "bottom1";
 203          type: RECT;
 204          scale: 1;
 205          ignore_flags: ON_HOLD;
 206          description {
 207             state: "default" 0.0;
 208             visible: 0;
 209             min: 0 EDITFIELD_DEFAULT_BOTTOM1_SINGLE_INC;
 210             fixed: 1 1;
 211             align: 0 1;
 212             rel1.relative: 0.0 1.0;
 213          }
 214       }
 215       part {
 216          name: "bottom2";
 217          type: RECT;
 218          scale: 1;
 219          ignore_flags: ON_HOLD;
 220          description {
 221             state: "default" 0.0;
 222             visible: 0;
 223             min: 0 EDITFIELD_DEFAULT_BOTTOM2_SINGLE_INC;
 224             fixed: 0 1;
 225             rel1.relative: 0.0 1.0;
 226             align: 0 1;
 227          }
 228       }
 229       part {
 230          name: "bottom3";
 231          type: RECT;
 232          scale: 1;
 233          ignore_flags: ON_HOLD;
 234          description {
 235             state: "default" 0.0;
 236             visible: 0;
 237             min: 0 EDITFIELD_DEFAULT_BOTTOM3_SINGLE_INC;
 238             fixed: 0 1;
 239             rel1.relative: 0.0 1.0;
 240             align: 0 1;
 241          }
 242       }
 243       part {
 244          name: "elm.guidetext";
 245          type: TEXT;
 246          scale: 1;
 247          ignore_flags: ON_HOLD;
 248          description {
 249             state: "default" 0.0;
 250             align: 0.0 0.0;
 251             fixed: 1 1;
 252             rel1.to: "elm.swallow.content";
 253             rel2.to: "elm.swallow.content";
 254             color: EDITFIELD_GUIDE_TEXT_COLOR_INC;
 255             text {
 256                font: "SLP:style=Roman";
 257                size: ENTRY_TEXT_SIZE_INC;
 258                min: 0 0;
 259                align: 0.0 0.5;
 260             }
 261          }
 262          description {
 263             state: "hidden" 0.0;
 264             inherit: "default" 0.0;
 265             visible: 0;
 266          }
 267       }
 268
 269                 part {  name: "elm.text.ellipsis";
 270                         type: TEXTBLOCK;
 271                         effect: SHADOW;
 272                         mouse_events: 0;
 273                         scale: 1;
 274                         description { state: "default" 0.0;
 275                                 visible: 0;
 276                                 align: 0.0 0.5;
 277                                 fixed: 1 1;
 278                                 rel1 { relative: 0.0 0.0; to: "elm.swallow.content"; }
 279                                 rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; }
 280                                 text {
 281                                         style: "ellipsis_textblock_style_white";
 282                                 }
 283                         }
 284                         description { state: "ellipsis_show" 0.0;
 285                                 inherit: "default" 0.0;
 286                                 visible: 1;
 287                         }
 288                 }
 289       part {
 290          name: "elm.swallow.content";
 291          type: SWALLOW;
 292          scale: 1;
 293          ignore_flags: ON_HOLD;
 294          description {
 295             state: "default" 0.0;
 296             min: 0 40;
 297             visible: 1;
 298             rel1 {
 299                relative : 1.0 1.0;
 300                to_x: "left1";
 301                to_y: "top1";
 302             }
 303             rel2 {
 304                relative : 0.0 0.0;
 305                to_x: "right1";
 306                to_y: "bottom1";
 307             }
 308             align: 0.0 0.5;
 309          }
 310          description { state: "ellipsis_show" 0.0;
 311              inherit: "default" 0.0;
 312              visible: 0;
 313          }
 314       }
 315       part {
 316          name: "eraser_image";
 317          scale: 1;
 318          description {
 319             state: "default" 0.0;
 320             visible: 0;
 321             min: EDITFIELD_DEFAULT_ERASER_MINW_INC EDITFIELD_DEFAULT_ERASER_MINH_INC;
 322             max: EDITFIELD_DEFAULT_ERASER_MINW_INC EDITFIELD_DEFAULT_ERASER_MINH_INC;
 323             fixed: 1 1;
 324             align: 1 0.5;
 325             rel1 {
 326                relative: 0.0 0.0;
 327                to_x : "right2";
 328                to_y : "elm.swallow.content";
 329             }
 330             rel2 {
 331                relative: 0.0 0.9;
 332                to_x : "right2";
 333                to_y : "elm.swallow.content";
 334             }
 335             image {
 336                normal: "browser-view-images/url-layout/I01_field_btn_Clear.png";
 337 //               border: 10 10 10 10;
 338                border_scale: 1;
 339             }
 340          }
 341          description {
 342             state: "elm.eraser.show" 0.0;
 343             inherit: "default" 0.0;
 344             visible: 1;
 345          }
 346       }
 347       part {
 348          name: "eraser";
 349          mouse_events: 1;
 350          ignore_flags: ON_HOLD;
 351          description {
 352             state: "default" 0.0;
 353             visible: 0;
 354             color: 0 0 0 0;
 355             rel1 {
 356                relative: 0.0 0.0;
 357                to_x : "eraser_image";
 358                to_y : "bottom3";
 359             }
 360          }
 361          description {
 362             state: "elm.eraser.show" 0.0;
 363             inherit: "default" 0.0;
 364             visible: 1;
 365          }
 366       }
 367    }
 368    programs {
 369       program {
 370          name: "ellipsis_show";
 371          source: "elm";
 372          signal: "ellipsis_show,signal";
 373          action: STATE_SET "ellipsis_show" 0.0;
 374          target: "elm.text.ellipsis";
 375          target: "elm.swallow.content";
 376       }
 377       program {
 378          name: "ellipsis_hide";
 379          source: "elm";
 380          signal: "ellipsis_hide,signal";
 381          action: STATE_SET "default" 0.0;
 382          target: "elm.text.ellipsis";
 383          target: "elm.swallow.content";
 384       }
 385       program {
 386          name: "find_word_editfield";
 387          signal: "find_word,signal";
 388          source: "elm";
 389          action: STATE_SET "find_word" 0.0;
 390          target: "right1";
 391       }
 392       program {
 393          name: "guidetext_show";
 394          signal: "elm,state,guidetext,show";
 395          source: "elm";
 396          action: STATE_SET "default" 0.0;
 397          target: "elm.guidetext";
 398       }
 399       program {
 400          name: "guidetext_hide";
 401          signal: "elm,state,guidetext,hide";
 402          source: "elm";
 403          action: STATE_SET "hidden" 0.0;
 404          target: "elm.guidetext";
 405       }
 406       program {
 407          name: "eraser_show";
 408          signal: "elm,state,eraser,show";
 409          source: "elm";
 410          action: STATE_SET "elm.eraser.show" 0.0;
 411          target: "eraser_image";
 412          target: "eraser";
 413       }
 414       program {
 415          name: "eraser_hide";
 416          signal: "elm,state,eraser,hide";
 417          source: "elm";
 418          action: STATE_SET "default" 0.0;
 419          target: "eraser_image";
 420          target: "eraser";
 421       }
 422       program {
 423          name: "eraser_clicked";
 424          signal: "mouse,clicked,1";
 425          source: "eraser";
 426          action: SIGNAL_EMIT "elm,eraser,clicked" "elm";
 427       }
 428    }
 429 }
 430
 431 ////////////////////////////////////////////////////////////////////////////////////////
 432 // url layout
 433 ////////////////////////////////////////////////////////////////////////////////////////
 434         group {
 435                 name: "browser/url_layout";
 436                 images {
 437 //                      image: "browser-view-images/url-layout/naviframe_optionheader.png" COMP;
 438 //                      image: "browser-view-images/url-layout/I01_Icons_http.png" COMP;
 439                         image: "browser-view-images/url-layout/I01_toolbar_bg.png" COMP;
 440                 }
 441                 parts {
 442                         part { name: "backgournd";
 443                                 mouse_events: 1;
 444                                 repeat_events: 0;
 445                                 type: IMAGE;
 446                                 scale: 1;
 447                                 description {
 448                                         state: "default" 0.0;
 449                                         visible: 1;
 450                                         min: 0 74;
 451                                         fixed: 0 1;
 452                                         align: 0.0 0.0;
 453                                         rel1 { relative: 0.0 0.0; }
 454                                         rel2 { relative: 1.0 1.0; }
 455                                         image {
 456                                                 normal: "browser-view-images/url-layout/I01_toolbar_bg.png";
 457                                                 border: 1 1 2 1;
 458                                                 border_scale: 1;
 459                                         }
 460                                 }
 461                         }
 462                         part { name: "bg";
 463                                 mouse_events: 1;
 464                                 repeat_events: 0;
 465                                 type: RECT;
 466                                 scale: 1;
 467                                 description {
 468                                         state: "default" 0.0;
 469                                         visible: 1;
 470                                         min: 0 74;
 471                                         align: 0.0 0.0;
 472                                         rel1 { relative: 0.0 0.0; }
 473                                         rel2 { relative: 1.0 1.0; }
 474                                         color: 255 255 255 255;  // white
 475                                 }
 476                         }
 477                         part {
 478                                 name: "navigationbar_bg";
 479                                 type: IMAGE;
 480                                 mouse_events: 0;
 481                                 scale: 1;
 482                                 description {
 483                                         state: "default" 0.0;
 484                                         align: 0.0 0.0;
 485                                         rel1 { relative: 0.0 0.0; to: bg; }
 486                                         rel2 { relative: 1.0 1.0; to: bg; }
 487                                         image {
 488                                                 normal: "browser-view-images/url-layout/I01_toolbar_bg.png";
 489                                                 border: 1 1 2 1;
 490                                                 border_scale: 1;
 491                                         }
 492                                 }
 493                         }
 494 #if 0
 495                         part {
 496                                 name: "secure_icon";
 497                                 type: IMAGE;
 498                                 mouse_events: 0;
 499                                 scale: 1;
 500                                 description {
 501                                         state: "default" 0.0;
 502                                         visible: 0;
 503                                         min: 0 0;
 504                                         max: 0 0;
 505                                         fixed: 1 1;
 506                                         align: 1.0 0.5;
 507                                         rel1 { relative: 0.0 0.0; to: "title_text"; }
 508                                         rel2 { relative: 0.0 1.0; to: "title_text"; }
 509                                         image {
 510                                                 normal: "browser-view-images/url-layout/I01_Icons_http.png";
 511                                         }
 512                                 }
 513                                 description {
 514                                         state: "visible" 0.0;
 515                                         inherit: "default" 0.0;
 516                                         visible: 1;
 517                                         min: 30 30;
 518                                         max: 30 30;
 519                                 }
 520                         }
 521                         part { name: "padding,title_text,left";
 522                                 mouse_events: 0;
 523                                 type: RECT;
 524                                 scale: 1;
 525                                 description {
 526                                         state: "default" 0.0;
 527                                         visible: 0;
 528                                         min: 30 0;
 529                                         fixed: 1 0;
 530                                         align: 0.0 0.5;
 531                                         rel1 { relative: 0.0 0.0; to_y: "title_text"; }
 532                                         rel2 { relative: 0.0 1.0; to_y: "title_text"; }
 533                                 }
 534                         }
 535                         part { name: "padding,title_text,right";
 536                                 mouse_events: 0;
 537                                 type: RECT;
 538                                 scale: 1;
 539                                 description {
 540                                         state: "default" 0.0;
 541                                         visible: 0;
 542                                         min: 30 0;
 543                                         fixed: 1 0;
 544                                         align: 1.0 0.5;
 545                                         rel1 { relative: 1.0 0.0; to_y: "title_text"; }
 546                                         rel2 { relative: 1.0 1.0; to_y: "title_text"; }
 547                                 }
 548                         }
 549                         part {
 550                                 name: "title_text";
 551                                 type: TEXT;
 552                                 scale: 1;
 553                                 mouse_events: 0;
 554                                 description {
 555                                         state: "default" 0.0;
 556                                         visible: 1;
 557                                         fixed: 0 1;
 558                                         min: 0 44;
 559                                         max: 999999 44;
 560                                         align: 0.5 0.0;
 561                                         text { font: FONT_ROM;
 562                                                 size: 34;
 563                                                 min: 0 0;
 564                                                 max: 1 0;
 565                                                 align: 0.5 1.0;
 566                                         }
 567                                         color: 255 255 255 255;
 568                                         rel1 { relative: 1.0 0.0; to_x: "padding,title_text,left"; }
 569                                         rel2 { relative: 0.0 1.0; to_x: "padding,title_text,right"; }
 570                                 }
 571                         }
 572 #endif
 573                         part { name: "padding,cancel,left";
 574                                 mouse_events: 0;
 575                                 type: RECT;
 576                                 scale: 1;
 577                                 description {
 578                                         state: "default" 0.0;
 579                                         visible: 0;
 580                                         min: 16 0;
 581                                         fixed: 1 0;
 582                                         align: 1.0 0.5;
 583                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.cancel"; }
 584                                         rel2 { relative: 0.0 1.0; to: "elm.swallow.cancel"; }
 585                                 }
 586                         }
 587                         part { name: "padding,url,top";
 588                                 mouse_events: 0;
 589                                 type: RECT;
 590                                 scale: 1;
 591                                 description {
 592                                         state: "default" 0.0;
 593                                         visible: 0;
 594                                         min: 0 3;
 595                                         fixed: 0 1;
 596                                         align: 0.5 0.0;
 597                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 598                                         rel2 { relative: 1.0 0.0; to: "bg"; }
 599                                 }
 600                         }
 601                         part { name: "padding,backward_button,left";
 602                                 mouse_events: 0;
 603                                 type: RECT;
 604                                 scale: 1;
 605                                 description {
 606                                         state: "default" 0.0;
 607                                         visible: 0;
 608                                         min: 10 0;
 609                                         fixed: 1 0;
 610                                         align: 0.0 0.5;
 611                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 612                                         rel2 { relative: 0.0 1.0; to: "bg"; }
 613                                 }
 614                         }
 615                         part {
 616                                 name: "elm.swallow.backward_button";
 617                                 type: SWALLOW;
 618                                 mouse_events: 1;
 619                                 scale: 1;
 620                                 description {
 621                                         state: "default" 0.0;
 622                                         visible: 1;
 623                                         min: 78 66;
 624                                         max: 78 66;
 625                                         fixed: 1 1;
 626                                         align: 0.0 0.0;
 627                                         rel1 { relative: 1.0 0.0; to_x: "padding,backward_button,left"; to_y: "elm.swallow.url"; }
 628                                         rel2 { relative: 1.0 0.0; to_x: "padding,backward_button,left"; to_y: "elm.swallow.url"; }
 629                                 }
 630                         }
 631                         part { name: "padding,backward_button,right";
 632                                 mouse_events: 0;
 633                                 type: RECT;
 634                                 scale: 1;
 635                                 description {
 636                                         state: "default" 0.0;
 637                                         visible: 0;
 638                                         min: 3 0;
 639                                         fixed: 1 0;
 640                                         align: 0.0 0.5;
 641                                         rel1 { relative: 1.0 0.0; to: "elm.swallow.backward_button"; }
 642                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.backward_button"; }
 643                                 }
 644                         }
 645                         part {
 646                                 name: "elm.swallow.forward_button";
 647                                 type: SWALLOW;
 648                                 mouse_events: 1;
 649                                 scale: 1;
 650                                 description {
 651                                         state: "default" 0.0;
 652                                         visible: 1;
 653                                         min: 78 66;
 654                                         max: 78 66;
 655                                         fixed: 1 1;
 656                                         align: 0.0 0.0;
 657                                         rel1 { relative: 1.0 0.0; to_x: "padding,backward_button,right"; to_y: "elm.swallow.url"; }
 658                                         rel2 { relative: 1.0 0.0; to_x: "padding,backward_button,right"; to_y: "elm.swallow.url"; }
 659                                 }
 660                         }
 661                         part { name: "padding,forward_button,right";
 662                                 mouse_events: 0;
 663                                 type: RECT;
 664                                 scale: 1;
 665                                 description {
 666                                         state: "default" 0.0;
 667                                         visible: 0;
 668                                         min: 10 0;
 669                                         fixed: 1 0;
 670                                         align: 0.0 0.5;
 671                                         rel1 { relative: 1.0 0.0; to: "elm.swallow.forward_button"; }
 672                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.forward_button"; }
 673                                 }
 674                         }
 675                         part {
 676                                 name: "elm.swallow.url";
 677                                 type: SWALLOW;
 678                                 mouse_events: 1;
 679                                 scale: 1;
 680                                 description {
 681                                         state: "default" 0.0;
 682                                         visible: 1;
 683                                         min: 0 64;
 684                                         fixed: 0 1;
 685                                         align: 0.0 0.0;
 686                                         rel1 { relative: 1.0 1.0; to_x: "padding,forward_button,right"; to_y: "padding,url,top"; }
 687                                         rel2 { relative: 0.0 1.0; to_x: "padding,reader_icon,left"; to_y: "padding,url,top"; }
 688                                 }
 689                                 description {
 690                                         state: "edit_mode_state" 0.0;
 691                                         inherit: "default" 0.0;
 692                                         rel1 { relative: 1.0 1.0; to_x: "padding,backward_button,left"; to_y: "padding,url,top"; }
 693                                         rel2 { relative: 0.0 1.0; to_x: "padding,cancel,left"; to_y: "padding,url,top"; }
 694                                 }
 695                         }
 696                         part { name: "padding,reader_icon,left";
 697                                 mouse_events: 0;
 698                                 type: RECT;
 699                                 scale: 1;
 700                                 description {
 701                                         state: "default" 0.0;
 702                                         visible: 0;
 703                                         min: 10 0;
 704                                         fixed: 1 0;
 705                                         align: 1.0 0.5;
 706                                         rel1 { relative: 0.0 0.0; to_x: "elm.swallow.reader_icon"; to_y: "navigationbar_bg"; }
 707                                         rel2 { relative: 0.0 1.0; to_x: "elm.swallow.reader_icon"; to_y: "navigationbar_bg"; }
 708                                 }
 709                         }
 710                         part {
 711                                 name: "elm.swallow.reader_icon";
 712                                 type: SWALLOW;
 713                                 mouse_events: 1;
 714                                 repeat_events: 0;
 715                                 scale: 1;
 716                                 description {
 717                                         state: "default" 0.0;
 718                                         visible: 1;
 719                                         min: 74 64;
 720                                         max: 74 64;
 721                                         fixed: 1 1;
 722                                         align: 0.0 0.5;
 723                                         rel1 { relative: 1.0 0.0; to_x: "navigationbar_bg"; to_y: "elm.swallow.cancel"; }
 724                                         rel2 { relative: 1.0 1.0; to_x: "navigationbar_bg"; to_y: "elm.swallow.cancel"; }
 725                                 }
 726                                 description {
 727                                         state: "show_reader_icon" 0.0;
 728                                         inherit: "default" 0.0;
 729                                         align: 1.0 0.5;
 730                                         rel1 { relative: 0.0 0.0; to_x: "padding,cancel,right"; to_y: "elm.swallow.cancel"; }
 731                                         rel2 { relative: 0.0 1.0; to_x: "padding,cancel,right"; to_y: "elm.swallow.cancel"; }
 732                                 }
 733                         }
 734                         part { name: "padding,cancel,right";
 735                                 mouse_events: 0;
 736                                 type: RECT;
 737                                 scale: 1;
 738                                 description {
 739                                         state: "default" 0.0;
 740                                         visible: 0;
 741                                         min: 16 0;
 742                                         fixed: 1 0;
 743                                         align: 1.0 0.5;
 744                                         rel1 { relative: 1.0 0.0; to: "navigationbar_bg"; }
 745                                         rel2 { relative: 1.0 1.0; to: "navigationbar_bg"; }
 746                                 }
 747                         }
 748                         part {
 749                                 name: "elm.swallow.cancel";
 750                                 type: SWALLOW;
 751                                 mouse_events: 1;
 752                                 repeat_events: 0;
 753                                 scale: 1;
 754                                 description {
 755                                         state: "default" 0.0;
 756                                         visible: 1;
 757                                         min: 134 68;
 758                                         max: 134 68;
 759                                         fixed: 1 1;
 760                                         align: 0.0 0.0;
 761                                         rel1 { relative: 1.0 0.0; to_x: "navigationbar_bg"; to_y: "elm.swallow.url"; }
 762                                         rel2 { relative: 1.0 0.0; to_x: "navigationbar_bg"; to_y: "elm.swallow.url"; }
 763                                 }
 764                                 description {
 765                                         state: "edit_mode_state" 0.0;
 766                                         inherit: "default" 0.0;
 767                                         align: 1.0 0.0;
 768                                         rel1 { relative: 0.0 0.0; to_x: "padding,cancel,right"; to_y: "elm.swallow.url"; }
 769                                         rel2 { relative: 0.0 0.0; to_x: "padding,cancel,right"; to_y: "elm.swallow.url"; }
 770                                 }
 771                         }
 772                         part { name: "dim_area";
 773                                 mouse_events: 1;
 774                                 repeat_events: 0;
 775                                 type: RECT;
 776                                 scale: 1;
 777                                 description {
 778                                         state: "default" 0.0;
 779                                         visible: 0;
 780                                         fixed: 1 1;
 781                                         align: 0.0 0.0;
 782                                         rel1 { relative: 0.0 0.0; }
 783                                         rel2 { relative: 1.0 1.0; }
 784                                 }
 785                                 description {
 786                                         state: "visible" 0.0;
 787                                         inherit: "default" 0.0;
 788                                         visible: 1;
 789                                         color: 0 0 0 102;
 790                                 }
 791                         }
 792                 }
 793                 programs {
 794                         /////////////////////////////
 795                         // show / hide scissor box
 796                         /////////////////////////////
 797                         program { name: "show,scissorbox";
 798                                 signal: "show,scissorbox,signal";
 799                                 action: STATE_SET "visible" 0.0;
 800                                 target: "dim_area";
 801                         }
 802                         program { name: "hide,scissorbox";
 803                                 signal: "hide,scissorbox,signal";
 804                                 action: STATE_SET "default" 0.0;
 805                                 target: "dim_area";
 806                         }
 807 #if 0
 808                         program { name: "show,secure_icon";
 809                                 signal: "show,secure_icon,signal";
 810                                 action: STATE_SET "visible" 0.0;
 811                                 target: "secure_icon";
 812                         }
 813                         program { name: "hide,secure_icon";
 814                                 signal: "hide,secure_icon,signal";
 815                                 action: STATE_SET "default" 0.0;
 816                                 target: "secure_icon";
 817                         }
 818 #endif
 819                         program { name: "edit,url,on";
 820                                 signal: "edit,url,on,signal";
 821                                 action: STATE_SET "edit_mode_state" 0.0;
 822                                 transition: DECELERATE 0.5;
 823                                 target: "elm.swallow.url";
 824                         }
 825                         program { name: "cancel_button,show";
 826                                 signal: "edit,url,on,signal";
 827                                 action: STATE_SET "edit_mode_state" 0.0;
 828                                 transition: DECELERATE 0.5;
 829                                 target: "elm.swallow.cancel";
 830                         }
 831                         program { name: "show,reader_icon";
 832                                 signal: "show,reader_icon,signal";
 833                                 action: STATE_SET "show_reader_icon" 0.0;
 834                                 transition: DECELERATE 0.5;
 835                                 target: "elm.swallow.reader_icon";
 836                         }
 837                         program { name: "hide,reader_icon";
 838                                 signal: "hide,reader_icon,signal";
 839                                 action: STATE_SET "default" 0.0;
 840                                 transition: DECELERATE 0.5;
 841                                 target: "elm.swallow.reader_icon";
 842                         }
 843                         program { name: "hide,reader_icon_no_ani";
 844                                 signal: "hide,reader_icon_no_ani,signal";
 845                                 action: STATE_SET "default" 0.0;
 846                                 target: "elm.swallow.reader_icon";
 847                         }
 848                         program { name: "edit,url,off";
 849                                 signal: "edit,url,off,signal";
 850                                 action: STATE_SET "default" 0.0;
 851                                 transition: ACCELERATE 0.5;
 852                                 target: "elm.swallow.url";
 853                                 target: "elm.swallow.cancel";
 854                         }
 855                 }
 856         }
 857
 858         group {
 859                 name: "elm/browser/urlentry/default";
 860                 images {
 861                         image: "browser-view-images/url-layout/I01_search_input_field_bg.png" COMP;
 862                         image: "browser-view-images/url-layout/00_search_input_field_bg_black.png" COMP;
 863                         image: "browser-view-images/url-layout/41_browser_search_icon_refresh.png" COMP;
 864                         image: "browser-view-images/url-layout/icon_stop.png" COMP;
 865                         image: "icon/00_close_icon.png" COMP;
 866                         image: "browser-view-images/url-layout/I01_icon_secretmode.png" COMP;
 867                         image: "browser-view-images/url-layout/I01_search_icon.png" COMP;
 868                 }
 869
 870                 parts {
 871                         part { name: "bg";
 872                                 mouse_events: 0;
 873                                 type: RECT;
 874                                 scale: 1;
 875                                 description {
 876                                         state: "default" 0.0;
 877                                         visible: 1;
 878                                         fixed: 0 1;
 879                                         rel1 { relative: 0.0 0.0; }
 880                                         rel2 { relative: 1.0 1.0; }
 881                                         color: 0 0 0 0;
 882                                 }
 883                         }
 884                         part {
 885                                 name: "bg_image";
 886                                 type: IMAGE;
 887                                 scale: 1;
 888                                 mouse_events: 0;
 889                                 description {
 890                                         state: "default" 0.0;
 891                                         fixed: 0 1;
 892                                         rel1 {relative: 0.0 0.0; offset: 0 0; }
 893                                         rel2 {relative: 1.0 1.0; offset: 0 0; }
 894                                         image.normal: "browser-view-images/url-layout/I01_search_input_field_bg.png";
 895                                         image.border: 7 7 7 7;
 896                                 }
 897                                 description {
 898                                         state: "black" 0.0;
 899                                         inherit: "default" 0.0;
 900                                         image.normal: "browser-view-images/url-layout/00_search_input_field_bg_black.png";
 901                                         image.border: 5 5 5 5;
 902                                 }
 903                         }
 904                         part {
 905                                 name: "elm.swallow.progressbar";
 906                                 type: SWALLOW;
 907                                 scale: 1;
 908                                 mouse_events: 0;
 909                                 description {
 910                                         state: "default" 0.0;
 911                                         visible: 0;
 912                                 }
 913                                 description {
 914                                         state: "loading_on" 0.0;
 915                                         visible: 1;
 916                                         rel1 {relative: 0.0 0.0; offset: 0 0; }
 917                                         rel2 {relative: 1.0 1.0; offset: 0 0; }
 918                                 }
 919                         }
 920                         PADDING("padding.favicon.left", 9, 0, 1, 0, 0.0, 0.5,
 921                                         0.0, 0.0, 0.0, 1.0, bg, bg)
 922                         PADDING("padding.favicon.right", 9, 0, 1, 0, 0.0, 0.5,
 923                                         1.0, 0.0, 1.0, 1.0, elm.swallow.favicon, elm.swallow.favicon)
 924                         part { name: "elm.swallow.favicon";
 925                                 mouse_events: 0;
 926                                 type: SWALLOW;
 927                                 scale: 1;
 928                                 description {
 929                                         state: "default" 0.0;
 930                                         visible: 0;
 931                                         min: 0 45;
 932                                         max: 0 45;
 933                                         fixed: 1 1;
 934                                         align: 0.0 0.5;
 935                                         rel1 { relative: 1.0 0.0; to_x: padding.favicon.left; to_y: bg; }
 936                                         rel2 { relative: 1.0 1.0; to_x: padding.favicon.left; to_y: bg; }
 937                                 }
 938                                 description {
 939                                         state: "visible" 0.0;
 940                                         inherit: "default" 0.0;
 941                                         visible: 1;
 942                                         min: 45 45;
 943                                         max: 45 45;
 944                                 }
 945                         }
 946                         part { name: "elm.swallow.secure_icon";
 947                                 mouse_events: 0;
 948                                 type: SWALLOW;
 949                                 scale: 1;
 950                                 description {
 951                                         state: "default" 0.0;
 952                                         visible: 0;
 953                                         min: 0 22;
 954                                         max: 0 22;
 955                                         fixed: 1 1;
 956                                         align: 0.5 0.5;
 957                                         rel1 { relative: 0.5 0.5; to: elm.swallow.favicon; }
 958                                         rel2 { relative: 1.0 1.0; to: elm.swallow.favicon; }
 959                                 }
 960                                 description {
 961                                         state: "visible" 0.0;
 962                                         inherit: "default" 0.0;
 963                                         visible: 1;
 964                                         min: 22 22;
 965                                         max: 22 22;
 966                                 }
 967                         }
 968                         part { name: "padding.search_icon.left";
 969                                 mouse_events: 0;
 970                                 type: RECT;
 971                                 scale: 1;
 972                                 description {
 973                                         state: "default" 0.0;
 974                                         visible: 0;
 975                                         fixed: 1 0;
 976                                         min: 9 0;
 977                                         align: 0.0 0.5;
 978                                         rel1 { relative: 0.0 0.0; to: "bg_image"; }
 979                                         rel2 { relative: 0.0 1.0; to: "bg_image"; }
 980                                         color: 0 0 0 0;
 981                                 }
 982                         }
 983                         part { name: "elm.swallow.search_icon";
 984                                 mouse_events: 0;
 985                                 repeat_events: 1;
 986                                 type: IMAGE;
 987                                 scale: 1;
 988                                 description {
 989                                         state: "default" 0.0;
 990                                         visible: 0;
 991                                         fixed: 1 1;
 992                                         min: 42 42;
 993                                         max: 42 42;
 994                                         align: 0.0 0.5;
 995                                         rel1 { relative: 1.0 0.0; to_x: "padding.search_icon.left"; to_y: "bg_image"; }
 996                                         rel2 { relative: 1.0 1.0; to_x: "padding.search_icon.left"; to_y: "bg_image"; }
 997                                         image.normal: "browser-view-images/url-layout/I01_search_icon.png";
 998                                         image.border: 5 5 5 5;
 999                                 }
1000                                 description {
1001                                         state: "visible" 0.0;
1002                                         inherit: "default" 0.0;
1003                                         visible: 1;
1004                                 }
1005                         }
1006                         part { name: "padding.search_icon.right";
1007                                 mouse_events: 0;
1008                                 type: RECT;
1009                                 scale: 1;
1010                                 description {
1011                                         state: "default" 0.0;
1012                                         visible: 0;
1013                                         fixed: 1 0;
1014                                         min: 9 0;
1015                                         align: 0.0 0.5;
1016                                         rel1 { relative: 1.0 0.0; to: "elm.swallow.search_icon"; }
1017                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.search_icon"; }
1018                                         color: 0 0 0 0;
1019                                 }
1020                         }
1021                         part {
1022                                 name: "url_guide_text";
1023                                 type: TEXT;
1024                                 scale: 1;
1025                                 mouse_events: 0;
1026                                 description {
1027                                         state: "default" 0.0;
1028                                         visible: 0;
1029                                         align: 0.0 0.5;
1030                                         text { font: FONT_ROM;
1031                                                 size: 32;
1032                                                 align: 0.0 0.5;
1033                                         }
1034                                         color: 78 73 69 255;
1035                                         rel1 { relative: 1.0 0.0; to_x: "padding.search_icon.right"; to_y: "elm.swallow.entry"; }
1036                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.entry"; }
1037                                 }
1038                                 description {
1039                                         state: "visible" 0.0;
1040                                         inherit: "default" 0.0;
1041                                         visible: 1;
1042                                 }
1043                         }
1044                         /* rss part is used for private icon. */
1045                         part { name: "elm.swallow.rss_icon";
1046                                 mouse_events: 0;
1047                                 type: IMAGE;
1048                                 scale: 1;
1049                                 description {
1050                                         state: "default" 0.0;
1051                                         visible: 0;
1052                                         min: 0 42;
1053                                         max: 0 42;
1054                                         fixed: 1 1;
1055                                         align: 0.0 0.5;
1056                                         rel1 { relative: 1.0 0.0; to: "elm.swallow.favicon"; }
1057                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.favicon"; }
1058                                         image.normal: "browser-view-images/url-layout/I01_icon_secretmode.png";
1059                                 }
1060                                 description {
1061                                         state: "visible" 0.0;
1062                                         inherit: "default" 0.0;
1063                                         visible: 1;
1064                                         min: 42 42;
1065                                         max: 42 42;
1066                                 }
1067                         }
1068                         PADDING("padding.progress.left", 9, 0, 1, 0, 1.0, 0.5,
1069                                         0.0, 0.0, 0.0, 1.0, elm.swallow.progress, elm.swallow.progress)
1070                         part { name: "elm.swallow.progress";
1071                                 mouse_events: 0;
1072                                 type: SWALLOW;
1073                                 scale: 1;
1074                                 description {
1075                                         state: "default" 0.0;
1076                                         visible: 0;
1077                                 }
1078                                 description {
1079                                         state: "loading_on" 0.0;
1080                                         visible: 1;
1081                                         min: 60 60;
1082                                         max: 60 60;
1083                                         fixed: 1 1;
1084                                         align: 1.0 0.5;
1085                                         rel1 { relative: 0.0 0.0; to_x: elm.image.refresh_stop; to_y: bg; }
1086                                         rel2 { relative: 0.0 1.0; to_x: elm.image.refresh_stop; to_y: bg; }
1087                                 }
1088                         }
1089                         PADDING("padding.refreshstop.left", 9, 0, 1, 0, 1.0, 0.5,
1090                                         0.0, 0.0, 0.0, 1.0, elm.image.refresh_stop, elm.image.refresh_stop)
1091                         PADDING("padding.refreshstop.right", 9, 0, 1, 0, 1.0, 0.5,
1092                                         1.0, 0.0, 1.0, 1.0, bg, bg)
1093                         part { name: "elm.rect.refresh_stop";
1094                                 mouse_events: 1;
1095                                 type: RECT;
1096                                 scale: 1;
1097                                 description {
1098                                         state: "default" 0.0;
1099                                         visible: 1;
1100                                         min: 75 60;
1101                                         max: 75 60;
1102                                         fixed: 1 1;
1103                                         align: 0.5 0.5;
1104                                         rel1 { relative: 0.0 0.0; to: "elm.image.refresh_stop"; }
1105                                         rel2 { relative: 1.0 1.0; to: "elm.image.refresh_stop"; }
1106                                         color: 0 0 0 0;
1107                                 }
1108                         }
1109                         part { name: "elm.image.refresh_stop";
1110                                 mouse_events: 0;
1111                                 type: IMAGE;
1112                                 scale: 1;
1113                                 description {
1114                                         state: "default" 0.0;
1115                                         visible: 1;
1116                                         min: 45 45;
1117                                         max: 45 45;
1118                                         fixed: 1 1;
1119                                         align: 1.0 0.5;
1120                                         rel1 { relative: 0.0 0.0; to_x: padding.refreshstop.right; to_y: bg; }
1121                                         rel2 { relative: 0.0 1.0; to_x: padding.refreshstop.right; to_y: bg; }
1122                                         image.normal: "browser-view-images/url-layout/41_browser_search_icon_refresh.png";
1123                                 }
1124                                 description {
1125                                         state: "loading_on" 0.0;
1126                                         inherit: "default" 0.0;
1127                                         image.normal: "browser-view-images/url-layout/icon_stop.png";
1128                                 }
1129                                 description {
1130                                         state: "edit_url" 0.0;
1131                                         inherit: "default" 0.0;
1132                                         image.normal: "icon/00_close_icon.png";
1133                                 }
1134                         }
1135                         part { name: "padding,rss_icon,right";
1136                                 mouse_events: 0;
1137                                 type: RECT;
1138                                 scale: 1;
1139                                 description {
1140                                         state: "default" 0.0;
1141                                         visible: 0;
1142                                         min: 7 0;
1143                                         fixed: 1 0;
1144                                         align: 0.0 0.5;
1145                                         rel1 { relative: 1.0 0.0; to: "elm.swallow.rss_icon"; }
1146                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.rss_icon"; }
1147                                 }
1148                         }
1149                         part { name: "elm.swallow.entry";
1150                                 mouse_events: 1;
1151                                 type: SWALLOW;
1152                                 scale: 1;
1153                                 description {
1154                                         state: "default" 0.0;
1155                                         visible: 1;
1156                                         align: 0.0 0.5;
1157                                         rel1 { relative: 1.0 0.0; to_x: "padding,rss_icon,right"; to_y: bg; }
1158                                         rel2 { relative: 0.0 1.0; to_x: padding.refreshstop.left; to_y: bg; }
1159                                 }
1160                                 description {
1161                                         state: "loading_on" 0.0;
1162                                         visible: 1;
1163                                         rel1 { relative: 1.0 0.0; to_x: "padding,rss_icon,right"; to_y: bg; }
1164                                         rel2 { relative: 0.0 1.0; to_x: padding.progress.left; to_y: bg; }
1165                                 }
1166                         }
1167                         part { name: "block_entry";
1168                                 mouse_events: 1;
1169                                 repeat_events: 0;
1170                                 type: RECT;
1171                                 scale: 1;
1172                                 description {
1173                                         state: "default" 0.0;
1174                                         visible: 0;
1175                                         align: 0.0 0.0;
1176                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.entry"; }
1177                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.entry"; }
1178                                         color: 0 0 0 0;
1179                                 }
1180                                 description {
1181                                         state: "block" 0.0;
1182                                         inherit: "default" 0.0;
1183                                         visible: 1;
1184                                 }
1185                         }
1186                         part { name: "padding,rss_icon,left_margin";
1187                                 mouse_events: 0;
1188                                 type: RECT;
1189                                 scale: 1;
1190                                 description {
1191                                         state: "default" 0.0;
1192                                         visible: 0;
1193                                         min: 45 0;
1194                                         fixed: 1 0;
1195                                         align: 1.0 0.5;
1196                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.rss_icon"; }
1197                                         rel2 { relative: 0.0 1.0; to: "elm.swallow.rss_icon"; }
1198                                 }
1199                         }
1200                         part { name: "padding,rss_icon,right_margin";
1201                                 mouse_events: 0;
1202                                 type: RECT;
1203                                 scale: 1;
1204                                 description {
1205                                         state: "default" 0.0;
1206                                         visible: 0;
1207                                         min: 45 0;
1208                                         fixed: 1 0;
1209                                         align: 0.0 0.5;
1210                                         rel1 { relative: 1.0 0.0; to: "elm.swallow.rss_icon"; }
1211                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.rss_icon"; }
1212                                 }
1213                         }
1214                 }
1215                 programs {
1216                         program { name: "url_guide_text,on";
1217                                 signal: "url_guide_text,on,signal";
1218                                 action: STATE_SET "visible" 0.0;
1219                                 target: "elm.swallow.search_icon";
1220                                 target: "url_guide_text";
1221                         }
1222                         program { name: "url_guide_text,off";
1223                                 signal: "url_guide_text,off,signal";
1224                                 action: STATE_SET "default" 0.0;
1225                                 target: "elm.swallow.search_icon";
1226                                 target: "url_guide_text";
1227                         }
1228                         program { name: "disable_entry";
1229                                 signal: "disable_entry,signal";
1230                                 action: STATE_SET "block" 0.0;
1231                                 target: "block_entry";
1232                         }
1233                         program { name: "black_theme";
1234                                 signal: "black_theme,signal";
1235                                 action: STATE_SET "black" 0.0;
1236                                 target: "bg_image";
1237                         }
1238                         program { name: "private_on";
1239                                 signal: "private,on,signal";
1240                                 action: STATE_SET "visible" 0.0;
1241                                 target: "elm.swallow.rss_icon";
1242                         }
1243                         program { name: "private_off";
1244                                 signal: "private,off,signal";
1245                                 action: STATE_SET "default" 0.0;
1246                                 target: "elm.swallow.rss_icon";
1247                         }
1248                         program { name: "loading_on";
1249                                 signal: "loading,on,signal";
1250                                 action: STATE_SET "loading_on" 0.0;
1251                                 target: "elm.swallow.progress";
1252                                 target: "elm.swallow.progressbar";
1253                                 target: "elm.image.refresh_stop";
1254                                 target: "elm.swallow.entry";
1255                         }
1256                         program { name: "loading_off";
1257                                 signal: "loading,off,signal";
1258                                 action: STATE_SET "default" 0.0;
1259                                 target: "elm.swallow.progress";
1260                                 target: "elm.swallow.progressbar";
1261                                 target: "elm.image.refresh_stop";
1262                                 target: "elm.swallow.entry";
1263                         }
1264                         program { name: "refresh_stop";
1265                                 source: "elm.rect.refresh_stop";
1266                                 signal: "mouse,clicked,1";
1267                                 action: SIGNAL_EMIT "refresh_stop" "EDJ";
1268                         }
1269                         program { name: "hide_progress";
1270                                 action: STATE_SET "default" 0.0;
1271                                 target: "elm.swallow.progress";
1272                                 target: "elm.swallow.progressbar";
1273                                 target: "elm.swallow.entry";
1274                         }
1275                         program { name: "edit,url,on";
1276                                 signal: "edit,url,on,signal";
1277                                 action: STATE_SET "edit_url" 0.0;
1278                                 target: "elm.image.refresh_stop";
1279                                 after: "hide_progress";
1280                         }
1281                         program { name: "edit,url,off";
1282                                 signal: "edit,url,off,signal";
1283                                 script {
1284                                         new st[31];
1285                                         new Float:vl;
1286                                         get_state(PART:"elm.swallow.progress", st, 30, vl);
1287                                         if (!strcmp(st, "loading_on"))
1288                                                 set_state(PART:"elm.image.refresh_stop", "loading_on", 0.0);
1289                                         else
1290                                                 set_state(PART:"elm.image.refresh_stop", "default", 0.0);
1291                                 }
1292                         }
1293                         program { name: "show,favicon";
1294                                 signal: "show,favicon,signal";
1295                                 action: STATE_SET "visible" 0.0;
1296                                 target: "elm.swallow.favicon";
1297                         }
1298                         program { name: "hide,favicon";
1299                                 signal: "hide,favicon,signal";
1300                                 action: STATE_SET "default" 0.0;
1301                                 target: "elm.swallow.favicon";
1302                                 target: "elm.swallow.secure_icon";
1303                         }
1304                         program { name: "show,secure_icon";
1305                                 signal: "show,secure_icon,signal";
1306                                 script {
1307                                         new st[31];
1308                                         new Float:vl;
1309                                         get_state(PART:"elm.swallow.favicon", st, 30, vl);
1310                                         if (!strcmp(st, "visible"))
1311                                                 set_state(PART:"elm.swallow.secure_icon", "visible", 0.0);
1312                                         else
1313                                                 set_state(PART:"elm.swallow.secure_icon", "default", 0.0);
1314                                 }
1315                         }
1316                         program { name: "hide,secure_icon";
1317                                 signal: "hide,secure_icon,signal";
1318                                 action: STATE_SET "default" 0.0;
1319                                 target: "elm.swallow.secure_icon";
1320                         }
1321                 }
1322         }
1323
1324         group {
1325                 name: "browser-view/option_header";
1326                 parts {
1327                         part { name: "elm.swallow.url_layout";
1328                                 mouse_events: 1;
1329                                 type: SWALLOW;
1330                                 scale: 1;
1331                                 description {
1332                                         state: "default" 0.0;
1333                                         visible: 1;
1334                                         align: 0.0 0.0;
1335                                         rel1 { relative: 0.0 0.0; }
1336                                         rel2 { relative: 1.0 1.0; }
1337                                 }
1338                                 description {
1339                                         state: "invisible" 0.0;
1340                                         inherit: "default" 0.0;
1341                                         visible: 0;
1342                                 }
1343                         }
1344                         /* For change effect. */
1345                         part { name: "rect.find_word_layout";
1346                                 type: RECT;
1347                                 scale: 1;
1348                                 description {
1349                                         state: "default" 0.0;
1350                                         color: 255 255 255 0;
1351                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.find_word_layout"; }
1352                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.find_word_layout"; }
1353                                 }
1354                                 description {
1355                                         state: "visible" 0.0;
1356                                         color: 255 255 255 255;
1357                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.find_word_layout"; }
1358                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.find_word_layout"; }
1359                                 }
1360                         }
1361                         part { name: "elm.swallow.find_word_layout";
1362                                 mouse_events: 1;
1363                                 repeat_events: 0;
1364                                 type: SWALLOW;
1365                                 scale: 1;
1366                                 /* For change effect. */
1367                                 clip_to: "rect.find_word_layout";
1368                                 description {
1369                                         state: "default" 0.0;
1370                                         visible: 0;
1371                                         align: 0.0 0.0;
1372                                         rel1 { relative: 0.0 0.0; }
1373                                         rel2 { relative: 1.0 1.0; }
1374                                 }
1375                                 description {
1376                                         state: "visible" 0.0;
1377                                         inherit: "default" 0.0;
1378                                         visible: 1;
1379                                 }
1380                         }
1381                 }
1382                 programs {
1383                         program { name: "show,find_word_layout,clipper";
1384                                 signal: "show,find_word_layout,signal";
1385                                 transition: ACCELERATE 0.3;
1386                                 action: STATE_SET "visible" 0.0;
1387                                 target: "rect.find_word_layout";
1388                                 target: "elm.swallow.find_word_layout";
1389                         }
1390                         program { name: "hide,find_word_layout,clipper";
1391                                 signal: "hide,find_word_layout,signal";
1392                                 transition: ACCELERATE 0.3;
1393                                 action: STATE_SET "default" 0.0;
1394                                 target: "rect.find_word_layout";
1395                                 target: "elm.swallow.find_word_layout";
1396                         }
1397                 }
1398         }
1399 }