services/QuickAccess/edc/QuickAccess.edc

   1 #define DEBUG_RECT_OVER(over_part, r, g, b)                         \
   2     part { name: __CONCAT("dbg_rect_at_", __stringify(__LINE__));   \
   3                                                                     \
   4 scale:1;                                                            \
   5         type : RECT;                                                \
   6         repeat_events: 1;                                           \
   7         description {                                               \
   8             state: "default" 0.0;                                   \
   9             visible: 1;                                             \
  10             color: r g b 128;                                       \
  11             rel1 { to: over_part; relative: 0 0; }                  \
  12             rel2 { to: over_part; relative: 1 1; }                  \
  13         }                                                           \
  14     }
  15
  16 collections {
  17
  18 #define WIDTH 1920
  19 #define HEIGHT 181
  20 #define ITEM_WIDTH 374
  21 #define PARENT_ITEM_HEIGHT 36
  22
  23 #define URI_INPUTBOX_LENGTH 1720
  24 #define URL_HISTORY_ITEM_H 82
  25 #define URL_HISTORY_ITEMS_VISIBLE_MAX 5
  26 #define URL_HISTORY_LIST_MAX_H HISTORY_ITEM_H*HISTORY_ITEMS_VISIBLE_MAX
  27
  28 group{
  29     name: "elm/button/base/invisible_button";
  30     parts{
  31         part{
  32             name: "button";
  33             type: RECT;
  34             scale: 1;
  35             description { state: "default" 0.0;
  36                 visible: 1;
  37                 fixed: 1 1;
  38                 color: 0 0 0 0;
  39             }
  40         }
  41         part{
  42             name: "over";
  43             type: RECT;
  44             scale: 1;
  45             description { state: "default" 0.0;
  46                 visible: 1;
  47                 fixed: 1 1;
  48                 rel1 { relative: 0.0 0.0;to: "button";}
  49                 rel2 { relative: 1.0 1.0;to: "button";}
  50                 color: 0 0 0 0;
  51             }
  52         }
  53     }
  54     programs{
  55         program {
  56             name: "mouse_click";
  57             signal: "mouse,clicked,1";
  58             source: "over";
  59             script {
  60                 emit("elm,action,click", "");
  61             }
  62         }
  63     }
  64 }
  65
  66 group {
  67     name: "elm/button/base/thumbButton";
  68     images {
  69         image: "ico_delete.png" COMP;
  70     }
  71     parts {
  72         part {
  73             name: "elm.swallow.content";
  74             type: RECT;
  75             mouse_events: 1;
  76             repeat_events: 1;
  77             description {
  78                 state: "default" 0.0;
  79                 color: 0 0 0 0;
  80                 visible: 1;
  81                 rel1.relative: 0.0 0.0;
  82                 rel2.relative: 1.0 1.0;
  83                 align: 0.0 0.0;
  84             }
  85         }
  86     }
  87     programs {
  88         program {
  89             name: "mouse,clicked";
  90             signal: "mouse,down,1";
  91             source: "elm.swallow.content";
  92             action: SIGNAL_EMIT "elm,action,click" "";
  93         }
  94     }
  95 }
  96
  97 group { name: "mv_bookmarks";
  98     data {
  99         item: "focus_highlight" "off";
 100     }
 101     images {
 102         image: "web_shadow.png" COMP;
 103     }
 104     color_classes{
 105         color_class{
 106             name: "defaultBgColor";
 107             color: 18 22 34 255;
 108         }
 109         color_class{
 110             name: "focusBgColor";
 111             color: 0 119 246 255;
 112         }
 113         color_class{
 114             name: "imageHighlight";
 115             color: 255 255 255 102;
 116         }
 117         color_class{
 118             name: "focusbtBgColor";
 119             color: 22 120 224 255;
 120         }
 121         color_class{
 122             name: "titleTextColor";
 123             color: 74 74 74 255;
 124         }
 125         color_class{
 126             name: "focusTextColor";
 127             color: 255 255 255 255;
 128         }
 129         color_class{
 130             name: "highlightTextColor";
 131             color: 255 255 255 51;
 132         }
 133         color_class{
 134             name: "urlTextColor";
 135             color: 116 116 116 204;
 136         }
 137         color_class{
 138             name: "transparent";
 139             color: 0 0 0 0;
 140         }
 141     }
 142
 143     parts {
 144         part { name: "layoutTop_bg";
 145             type: RECT;
 146             mouse_events: 0;
 147             description { state: "default" 0.0;
 148                 color: 255 255 255 255;
 149                 min: 0 181;
 150                 max: -1 181;
 151                 align: 0.0 0.0;
 152                 fixed: 0 0;
 153                 rel1 {
 154                     relative: 0 0; offset: 0 104;
 155                 }
 156                 rel2{
 157                     relative: 1 1;
 158                 }
 159             }
 160         }
 161         part { name: "gengrid_bg";
 162             type: RECT;
 163             mouse_events: 0;
 164             description { state: "default" 0.0;
 165                 color: 255 255 255 255;
 166                 min: 1920 626;
 167                 max: -1 626;
 168                 align: 0.0 0.0;
 169                 fixed: 0 0;
 170                 rel1 {
 171                     to: "layoutTop_bg";
 172                     relative: 0 1;
 173                 }
 174                 rel2{
 175                     relative: 1 1;
 176                 }
 177             }
 178         }
 179         part { name: "layoutBottom_bg";
 180             type: RECT;
 181             mouse_events: 0;
 182             description { state: "default" 0.0;
 183                                     color: 255 255 255 255;
 184                 min: 1920 181;
 185                         max: 1920 181;
 186         align: 0.0 0.0;
 187                 fixed: 0 0;
 188                 rel1 {
 189                                             relative: 0 1; to: "gengrid_bg";
 190                 }
 191                 rel2{
 192                                             relative: 1 1;
 193                 }
 194             }
 195         }
 196
 197         part { name: "elm.swallow.grid";
 198             type: SWALLOW;
 199             description { state: "default" 0.0;
 200                 min: 1920 614;
 201                 max: 1920 614;
 202         align: 0.0 0.0;
 203                 fixed: 0 0;
 204                 rel1 {
 205         relative: 0 0; to: "gengrid_bg"; offset: 63 0;
 206                 }
 207                 rel2 {
 208                     relative: 1 1;
 209                     offset: 0 0;
 210                 }
 211             }
 212         }
 213
 214         part { name: "center_rect";
 215             type: RECT;
 216             description { state: "default" 0.0;
 217                 min: 1592 614;
 218                 max: 1592 614;
 219                 visible: 0;
 220                 align: 0.5 0.0;
 221                 rel1 {
 222                     to: "gengrid_bg";
 223                     relative: 0 0;
 224                 }
 225                 rel2 {
 226                     to: "gengrid_bg";
 227                     relative: 1 1;
 228                 }
 229             }
 230             description { state: "empty" 0.0;
 231                 inherit: "default" 0.0;
 232                 visible: 1;
 233                 color: 229 229 229 255;
 234             }
 235         }
 236
 237         part { name: "elm.swallow.big";
 238             type: SWALLOW;
 239             description { state: "default" 0.0;
 240                 min: 784 614;
 241                 max: 784 614;
 242                 align: 0.0 0.0;
 243                 fixed: 1 1;
 244                 visible: 1;
 245                 rel1 {
 246                     relative: 0 0; to: "center_rect";
 247                 }
 248                 rel2 {
 249                     relative: 1 1;
 250                     offset: 0 0;
 251                 }
 252             }
 253             description { state: "empty" 0.0;
 254                 inherit: "default" 0.0;
 255                 visible: 0;
 256             }
 257         }
 258
 259         part { name: "elm.swallow.small_first";
 260             type: SWALLOW;
 261             description { state: "default" 0.0;
 262                 min: 378 294;
 263                 max: 378 294;
 264                 align: 0.0 0.0;
 265                 fixed: 1 1;
 266                 visible: 1;
 267                 rel1 {
 268                     to: "center_rect";
 269                     relative: 0 0;
 270                     offset: 810 0;
 271                 }
 272                 rel2{
 273                     to: "center_rect";
 274                     relative: 1 1;
 275                     offset: 0 0;
 276                 }
 277             }
 278             description { state: "empty" 0.0;
 279                 inherit: "default" 0.0;
 280                 visible: 0;
 281             }
 282         }
 283
 284         part { name: "elm.swallow.small_second";
 285             type: SWALLOW;
 286             description { state: "default" 0.0;
 287                 min: 378 294;
 288                 max: 378 294;
 289                 align: 0.0 0.0;
 290                 fixed: 1 1;
 291                 visible: 1;
 292                 rel1 {
 293                     to: "center_rect";
 294                     relative: 0 0;
 295                     offset: 810 320;
 296                 }
 297                 rel2{
 298                     to: "center_rect";
 299                     relative: 1 1;
 300                     offset: 0 0;
 301                 }
 302             }
 303             description { state: "empty" 0.0;
 304                 inherit: "default" 0.0;
 305                 visible: 0;
 306             }
 307         }
 308
 309         part { name: "elm.swallow.small_third";
 310             type: SWALLOW;
 311             description { state: "default" 0.0;
 312                 min: 378 294;
 313                 max: 378 294;
 314                 align: 0.0 0.0;
 315                 fixed: 1 1;
 316                 visible: 1;
 317                 rel1 {
 318                     to: "center_rect";
 319                     relative: 0 0;
 320                     offset: 1214 0;
 321                 }
 322                 rel2 {
 323                     to: "center_rect";
 324                     relative: 1 1;
 325                     offset: 0 0;
 326                 }
 327             }
 328             description { state: "empty" 0.0;
 329                 inherit: "default" 0.0;
 330                 visible: 0;
 331             }
 332         }
 333
 334         part { name: "elm.swallow.small_fourth";
 335             type: SWALLOW;
 336             description { state: "default" 0.0;
 337                 min: 378 294;
 338                 max: 378 294;
 339                 align: 0.0 0.0;
 340                 fixed: 1 1;
 341                 visible: 1;
 342                 rel1 {
 343                     to: "center_rect";
 344                     relative: 0 0;
 345                     offset: 1214 320;
 346                 }
 347                 rel2 {
 348                     to: "center_rect";
 349                     relative: 1 1;
 350                     offset: 0 0;
 351                 }
 352             }
 353             description { state: "empty" 0.0;
 354                 inherit: "default" 0.0;
 355                 visible: 0;
 356             }
 357         }
 358
 359         part { name: "elm.swallow.layoutTop";
 360             type: SWALLOW;
 361             description { state: "default" 0.0;
 362             min: 1920 181;
 363                 max: 1920 181;
 364                 align: 0.0 0.0;
 365                 fixed: 0 0;
 366                 rel1 {
 367                     relative: 0 0; to: "layoutTop_bg";
 368                 }
 369                 rel2 {
 370                     relative: 1 1;
 371                     offset: 0 0;
 372                 }
 373             }
 374         }
 375
 376         part { name: "uri_bar_shadow";
 377             type: IMAGE;
 378             scale: 1;
 379             repeat_events: 1;
 380             description {
 381                 state: "default" 0.0;
 382                 visible: 1;
 383                 align: 0.0 0.0;
 384                 fixed: 0 0;
 385                 min: 1920 14;
 386                 max: 1920 14;
 387                 image.normal: "web_shadow.png";
 388                 rel1 { relative: 0.0 0.0; to: "elm.swallow.layoutTop"; }
 389                 rel2 { relative: 1.0 1.0; }
 390             }
 391         }
 392
 393         part { name: "elm.swallow.layoutBottom";
 394             type: SWALLOW;
 395             description { state: "default" 0.0;
 396                 min: 1920 181;
 397                 max: 1920 181;
 398                 align: 0.0 0.0;
 399                 fixed: 0 0;
 400                 rel1 {
 401                     to: "layoutBottom_bg";
 402                     relative: 0 0;
 403                 }
 404                 rel2 {
 405                     relative: 1 1;
 406                     offset: 0 0;
 407                 }
 408             }
 409         }
 410
 411         part { name: "elm.text.empty";
 412             type: TEXT;
 413             description { state: "default" 0.0;
 414                 visible: 0;
 415                 align: 0.5 0.5;
 416                 color: 0 0 0 179;
 417                 text {
 418                     text: "empty";
 419                     font: "Sans";
 420                     size: 32;
 421                     align: 0.5 0.5;
 422                 }
 423                 rel1 {
 424                     to: "gengrid_bg";
 425                     relative: 0.0 0.0;
 426                 }
 427                 rel2 {
 428                     to: "gengrid_bg";
 429                     relative: 1 1;
 430                 }
 431             }
 432             description { state: "empty" 0.0;
 433                 inherit: "default" 0.0;
 434                 visible: 1;
 435             }
 436         }
 437     }
 438
 439     programs {
 440         program { name: "empty";
 441             signal: "empty,view";
 442             source: "quickaccess";
 443             action:  STATE_SET "empty" 0.0;
 444             target: "elm.swallow.big";
 445             target: "elm.swallow.small_first";
 446             target: "elm.swallow.small_second";
 447             target: "elm.swallow.small_third";
 448             target: "elm.swallow.small_fourth";
 449             target: "elm.text.empty";
 450             target: "center_rect";
 451         }
 452         program { name: "not_empty";
 453             signal: "not,empty,view";
 454             source: "quickaccess";
 455             action:  STATE_SET "default" 0.0;
 456             target: "elm.text.empty";
 457             target: "center_rect";
 458             target: "elm.swallow.big";
 459             target: "elm.swallow.small_first";
 460             target: "elm.swallow.small_second";
 461             target: "elm.swallow.small_third";
 462             target: "elm.swallow.small_fourth";
 463         }
 464     }
 465 }
 466
 467 group { name: "elm/button/base/big_tile";
 468     data.item: "texts" "page_title page_url";
 469     data.item: "contents" "elm.thumbnail";
 470     min: 600 614;
 471     max: 600 614;
 472     images {
 473         image: "web_frame_selected.png" COMP;
 474         image: "ico_bg_round_shape_37x37.png" COMP;
 475     }
 476     parts {
 477         part { name: "bg";
 478             type: RECT;
 479             mouse_events: 0;
 480             description { state: "default" 0.0;
 481                 min: 784 614;
 482                 max: 784 614;
 483                 visible: 1;
 484                 color: 231 231 231 255;
 485             }
 486         }
 487
 488         part { name: "elm.thumbnail";
 489             type: SWALLOW;
 490             description { state: "default" 0.0;
 491                 fixed: 1 0;
 492                 align: 0.0 0.0;
 493                 color : 231 231 231 255;
 494                 min: 784 577;   // size adjusted to max thubnail with and height
 495                 max: 784 577;
 496                 rel1 {
 497                     relative: 0.0  0.0; to: "bg";
 498                 }
 499                 rel2 {
 500                     relative: 1.0  1.0; to: "bg";
 501                 }
 502             }
 503             description { state: "selected";
 504                 inherit: "default" 0.0;
 505             }
 506         }
 507
 508         part { name: "border_top";
 509             type: RECT;
 510             description { state: "default" 0.0;
 511                 color_class: focusBgColor;
 512                 min: 0 6;
 513                 max: -1 6;
 514                 align: 0 0;
 515                 rel1 {
 516                     to: "elm.thumbnail";
 517                     relative: 0.0 0.0;
 518                 }
 519                 rel2 {
 520                     to: "elm.thumbnail";
 521                     relative: 1.0  1.0;
 522                 }
 523                 visible: 0;
 524             }
 525             description { state: "selected";
 526                 inherit: "default" 0.0;
 527                 visible: 1;
 528             }
 529         }
 530
 531         part { name: "border_left";
 532             type: RECT;
 533             description { state: "default" 0.0;
 534                 color_class: focusBgColor;
 535                 min: 6 0;
 536                 max: 6 -1;
 537                 align: 0 0;
 538                 rel1 {
 539                     to: "elm.thumbnail";
 540                     relative: 0.0 0.0;
 541                 }
 542                 rel2 {
 543                     to: "elm.thumbnail";
 544                     relative: 1.0  1.0;
 545                 }
 546                 visible: 0;
 547             }
 548             description { state: "selected";
 549                 inherit: "default" 0.0;
 550                 visible: 1;
 551             }
 552         }
 553
 554         part { name: "border_right";
 555             type: RECT;
 556             description { state: "default" 0.0;
 557                 color_class: focusBgColor;
 558                 min: 6 0;
 559                 max: 6 -1;
 560                 align: 1 0;
 561                 rel1 {
 562                     to: "elm.thumbnail";
 563                     relative: 0.0 0.0;
 564                 }
 565                 rel2 {
 566                     to: "elm.thumbnail";
 567                     relative: 1.0  1.0;
 568                 }
 569                 visible: 0;
 570             }
 571             description { state: "selected";
 572                 inherit: "default" 0.0;
 573                 visible: 1;
 574             }
 575         }
 576
 577         part { name: "background";
 578             type: RECT;
 579             description { state: "default" 0.0;
 580                 min: 784 116;
 581                 max: 784 116;
 582                 align: 0.0 0.0;
 583                 color: 113 128 147 255;
 584                 visible: 1;
 585                 rel1 {
 586                     to: "bg";
 587                     relative: 0.0  0.0;
 588                     offset: 0 498;    // thumbnail height
 589                 }
 590                 rel2 {
 591                     relative: 1.0  1.0;
 592                 }
 593             }
 594             description { state: "selected" 0.0;
 595                 inherit: "default" 0.0;
 596                 color: 0 119 246 255;
 597             }
 598         }
 599
 600         part { name: "page_title";
 601             type: TEXT;
 602             description { state: "default" 0.0;
 603                 min: 700 36;
 604                 max: 700 36;
 605                 align: 0.0 0.0;
 606                 color: 255 255 255 255;
 607                 rel1 {
 608                     to: "background";
 609                     relative: 0.0 0.0;
 610                     offset: 32 22;
 611                 }
 612                 rel2 {
 613                     to: "background";
 614                     relative: 1.0  1.0;
 615                 }
 616                 text {
 617                     text: "Web page title";
 618                     font: "Sans";
 619                     size: 36;
 620                     align: 0 0.5;
 621                 }
 622             }
 623         }
 624
 625         part { name: "page_url";
 626             type: TEXT;
 627             description { state: "default" 0.0;
 628                 min: 700 28;
 629                 max: 700 28;
 630                 align: 0 0.0;
 631                 color: 255 255 255 255;
 632                 rel1 {
 633                         to: "page_title";
 634                         relative: 0.0 1.0;
 635                         offset: 0 10;
 636                 }
 637                 rel2 {
 638                         to: "background";
 639                         relative: 1.0  1.0;
 640                 }
 641                 text {
 642                     text: "Web page url";
 643                     font: "Sans";
 644                     size: 28;
 645                     align: 0 0.5;
 646                 }
 647             }
 648         }
 649
 650         part { name: "over";
 651             type: RECT;
 652             mouse_events: 1;
 653             repeat_events: 1;
 654             description { state: "default" 0.0;
 655                 color: 0 0 0 0;
 656                 rel1.to: "bg";
 657                 rel2.to: "background";
 658             }
 659         }
 660     }
 661
 662     programs{
 663         program { name: "mouse_in";
 664             signal: "mouse,in";
 665             source: "over";
 666             action:  STATE_SET "selected" 0.0;
 667             target:  "background";
 668             target: "border_top";
 669             target: "border_left";
 670             target: "border_right";
 671         }
 672         program { name: "mouse_out";
 673             signal: "mouse,out";
 674             source: "over";
 675             action:  STATE_SET "default" 0.0;
 676             target:  "background";
 677             target: "border_top";
 678             target: "border_left";
 679             target: "border_right";
 680         }
 681         program {
 682             name: "mouse_click";
 683             signal: "mouse,clicked,1";
 684             source: "over";
 685             script {
 686                 emit("elm,action,click", "");
 687             }
 688         }
 689     }
 690 }
 691
 692 group { name: "elm/button/base/small_tile";
 693     data.item: "texts" "page_title page_url";
 694     data.item: "contents" "elm.thumbnail";
 695     images {
 696         image: "web_frame_selected.png" COMP;
 697         image: "ico_bg_round_shape_37x37.png" COMP;
 698     }
 699     parts {
 700         part { name: "container";
 701             type: RECT;
 702             description { state: "default" 0.0;
 703                 min: 378 320;
 704                 max: 378 320;
 705                 visible: 0;
 706             }
 707         }
 708
 709         part { name: "bg";
 710             type: RECT;
 711             mouse_events: 0;
 712             description { state: "default" 0.0;
 713                 min: 378 294;
 714                 max: 378 294;
 715                 visible: 1;
 716                 color: 231 231 231 255;
 717                 align: 0.0 0.0;
 718                 rel1 {
 719                     relative: 0.0  0.0; to: "container";
 720                 }
 721                 rel2 {
 722                     relative: 1.0  1.0; to: "container";
 723                 }
 724             }
 725         }
 726
 727         part { name: "elm.thumbnail";
 728             type: SWALLOW;
 729             description { state: "default" 0.0;
 730                 fixed: 1 0;
 731                 align: 0.0 0.0;
 732                 color : 231 231 231 255;
 733                 min: 378 292;   // size adjusted to max thubnail with and height
 734                 max: 378 292;
 735                 rel1 {
 736                     relative: 0.0  0.0; to: "bg";
 737                 }
 738                 rel2 {
 739                     relative: 1.0  1.0; to: "bg";
 740                 }
 741             }
 742             description { state: "selected";
 743                 inherit: "default" 0.0;
 744             }
 745         }
 746         part { name: "border_top";
 747             type: RECT;
 748             description { state: "default" 0.0;
 749                 color_class: focusBgColor;
 750                 min: 0 6;
 751                 max: -1 6;
 752                 align: 0 0;
 753                 rel1 {
 754                     to: "elm.thumbnail";
 755                     relative: 0.0 0.0;
 756                 }
 757                 rel2 {
 758                     to: "elm.thumbnail";
 759                     relative: 1.0  1.0;
 760                 }
 761                 visible: 0;
 762             }
 763             description { state: "selected";
 764                 inherit: "default" 0.0;
 765                 visible: 1;
 766             }
 767         }
 768
 769         part { name: "border_left";
 770             type: RECT;
 771             description { state: "default" 0.0;
 772                 color_class: focusBgColor;
 773                 min: 6 0;
 774                 max: 6 -1;
 775                 align: 0 0;
 776                 rel1 {
 777                     to: "elm.thumbnail";
 778                     relative: 0.0 0.0;
 779                 }
 780                 rel2 {
 781                     to: "elm.thumbnail";
 782                     relative: 1.0  1.0;
 783                 }
 784                 visible: 0;
 785             }
 786             description { state: "selected";
 787                 inherit: "default" 0.0;
 788                 visible: 1;
 789             }
 790         }
 791
 792         part { name: "border_right";
 793             type: RECT;
 794             description { state: "default" 0.0;
 795                 color_class: focusBgColor;
 796                 min: 6 0;
 797                 max: 6 -1;
 798                 align: 1 0;
 799                 rel1 {
 800                     to: "elm.thumbnail";
 801                     relative: 0.0 0.0;
 802                 }
 803                 rel2 {
 804                     to: "elm.thumbnail";
 805                     relative: 1.0  1.0;
 806                 }
 807                 visible: 0;
 808             }
 809             description { state: "selected";
 810                 inherit: "default" 0.0;
 811                 visible: 1;
 812             }
 813         }
 814
 815         part { name: "background";
 816             type: RECT;
 817             description { state: "default" 0.0;
 818                 min: 378 96;
 819                 max: 378 96;
 820                 align: 0.0 0.0;
 821                 color: 113 128 147 255;
 822                 visible: 1;
 823                 rel1 {
 824                     to: "bg";
 825                     relative: 0.0  0.0;
 826                     offset: 0 198;  // thumbnail height
 827                 }
 828                 rel2 {
 829                     relative: 1.0  1.0;
 830                 }
 831             }
 832             description { state: "selected" 0.0;
 833                 inherit: "default" 0.0;
 834                 color: 0 119 246 255;
 835             }
 836         }
 837
 838         part { name: "page_title";
 839             type: TEXT;
 840             description { state: "default" 0.0;
 841                 min: 314 28;
 842                 max: 314 28;
 843                 align: 0.0 0.0;
 844                 color: 255 255 255 255;
 845                 rel1 {
 846                     to: "background";
 847                     relative: 0.0 0.0;
 848                     offset: 32 18;
 849                 }
 850                 rel2 {
 851                     to: "background";
 852                     relative: 1.0  1.0;
 853                 }
 854                 text {
 855                     text: "Web page title";
 856                     font: "Sans";
 857                     size: 28;
 858                     align: 0 0.0;
 859                 }
 860             }
 861             description { state: "focus" 0.0;
 862                 inherit: "default" 0.0;
 863                 color_class: focusTextColor;
 864             }
 865             description { state: "highlight" 0.0;
 866                 inherit: "default" 0.0;
 867                 //color_class: highlightTextColor;
 868             }
 869         }
 870
 871         part { name: "page_url";
 872             type: TEXT;
 873             description { state: "default" 0.0;
 874                 min: 314 24;
 875                 max: 314 24;
 876                 align: 0 0.0;
 877                 color: 255 255 255 255;
 878                 rel1 {
 879                     to: "page_title";
 880                     relative: 0.0 1.0;
 881                     offset: 0 8;
 882                 }
 883                 rel2 {
 884                     to: "background";
 885                     relative: 1.0  1.0;
 886                 }
 887                 text {
 888                     text: "Web page url";
 889                     font: "Sans";
 890                     size: 24;
 891                     align: 0 0.5;
 892                 }
 893             }
 894             description { state: "focus" 0.0;
 895                 inherit: "default" 0.0;
 896                 color_class: focusTextColor;
 897             }
 898             description { state: "highlight" 0.0;
 899                 inherit: "default" 0.0;
 900                 //color_class: highlightTextColor;
 901             }
 902         }
 903
 904         part { name: "over";
 905             type: RECT;
 906             mouse_events: 1;
 907             repeat_events: 1;
 908             description { state: "default" 0.0;
 909                 color: 0 0 0 0;
 910                 rel1.to: "bg";
 911                 rel2.to: "background";
 912             }
 913         }
 914     }
 915
 916     programs {
 917         program { name: "mouse_in";
 918             signal: "mouse,in";
 919             source: "over";
 920             action: STATE_SET "selected" 0.0;
 921             target: "background";
 922             target: "border_top";
 923             target: "border_left";
 924             target: "border_right";
 925         }
 926         program { name: "mouse_out";
 927             signal: "mouse,out";
 928             source: "over";
 929             action: STATE_SET "default" 0.0;
 930             target: "background";
 931             target: "border_top";
 932             target: "border_left";
 933             target: "border_right";
 934         }
 935         program {
 936             name: "mouse_click";
 937             signal: "mouse,clicked,1";
 938             source: "over";
 939             script {
 940                 emit("elm,action,click", "");
 941             }
 942         }
 943     }
 944 }
 945
 946 group { name: "elm/gengrid/item/grid_item/default";
 947         data.item: "texts" "page_title page_url";
 948         data.item: "contents" "elm.thumbnail elm.thumbButton";
 949         images {
 950                 image: "web_frame_selected.png" COMP;
 951                 image: "ico_bg_round_shape_37x37.png" COMP;
 952                 image: "ic_thumbnail_favorite_01.png" COMP;
 953         }
 954         parts {
 955                 part { name: "bg";
 956                         type: RECT;
 957                         mouse_events: 0;
 958                         description { state: "default" 0.0;
 959                                 min: 338 294;
 960                                 max: 338 294;
 961                                 visible: 1;
 962                                 color: 231 231 231 255;
 963                                 rel1.offset: -26 -26;
 964                         }
 965                         description { state: "selected";
 966                                 inherit: "default" 0.0;
 967                                 color: 70 143 254 255;
 968                         }
 969                 }
 970
 971                 part { name: "elm.thumbnail";
 972                         type: SWALLOW;
 973                         description { state: "default" 0.0;
 974                                 fixed: 1 0;
 975                                 align: 0.0 0.0;
 976                                 color : 231 231 231 255;
 977                                 min: 338 198;
 978                                 max: 338 198;
 979                                 rel1 {
 980                                         relative: 0.0  0.0; to: "bg";
 981                                 }
 982                                 rel2 {
 983                                         relative: 1.0  1.0; to: "bg";
 984                                 }
 985                         }
 986                         description { state: "selected";
 987                                 inherit: "default" 0.0;
 988                         }
 989                 }
 990
 991                 part {
 992                     name: "bookmark_thumbButton";
 993                     type: IMAGE;
 994                     mouse_events: 1;
 995                     repeat_events: 1;
 996                     description {
 997                         state: "default" 0.0;
 998                         visible: 1;
 999                         rel1.to: "elm.thumbnail";
1000                         rel1.offset: 284 18;
1001                         rel1.relative: 0.0 0.0;
1002                         rel2.to: "elm.thumbnail";
1003                         rel2.offset: 324 58;
1004                         rel2.relative: 0.0 0.0;
1005                         align: 0.0 0.0;
1006                         image.normal: "ic_thumbnail_favorite_01.png";
1007                     }
1008                 }
1009
1010                 part { name: "focus_highlight";
1011                         type: IMAGE;
1012                         description { state: "default" 0.0;
1013                                 rel1 {
1014                                         to: "elm.thumbnail";
1015                                         relative: 0.0  0.0;
1016                                 }
1017                                 rel2 {
1018                                         to: "elm.thumbnail";
1019                                         relative: 1.0  1.0;
1020                                 }
1021                                 image.normal: "web_frame_selected.png";
1022                                 image.border: 8 8 8 0;
1023                                 image.border_scale: 1;
1024                                 image.middle: NONE;
1025                                 visible: 0;
1026                         }
1027                         description { state: "selected";
1028                                 inherit: "default" 0.0;
1029                                 visible: 1;
1030                         }
1031                 }
1032
1033                 part { name: "background";
1034                         type: RECT;
1035                         description { state: "default" 0.0;
1036                                 min: 338 87;
1037                                 max: 338 87;
1038                                 align: 0.0 0.0;
1039                                 color: 231 231 231 255;
1040                                 rel1 {
1041                                         to: "elm.thumbnail";
1042                                         relative: 0.0  1.0;
1043                                 }
1044                                 rel2 {
1045                                         relative: 1.0  1.0;
1046                                 }
1047                         }
1048                         description { state: "selected" 0.0;
1049                                 inherit: "default" 0.0;
1050                                 color: 70 143 254 255;
1051                         }
1052                 }
1053
1054                 part { name: "page_title";
1055                         type: TEXT;
1056                         description { state: "default" 0.0;
1057                                 min: 300 48;
1058                                 max: 300 48;
1059                                 align: 0.0 0.5;
1060                                 rel1 {
1061                                         to: "background";
1062                                         relative: 0.0 0.0;
1063                                         offset: 17 0;
1064                                 }
1065                                 rel2 {
1066                                         to: "background";
1067                                         relative: 1.0  1.0;
1068                                 }
1069                 color: 51 51 51 255;
1070                     text {
1071                         text: "Web page title";
1072                         font: "Sans";
1073                         size: 27;
1074                         align: 0 0.5;
1075                     }
1076                 }
1077                 description { state: "focus" 0.0;
1078                     inherit: "default" 0.0;
1079                     //color: focusTextColor;
1080                 }
1081                 description { state: "highlight" 0.0;
1082                     inherit: "default" 0.0;
1083                     //color: highlightTextColor;
1084                 }
1085                 }
1086
1087                 part { name: "page_url";
1088                         type: TEXT;
1089                         description { state: "default" 0.0;
1090                                 min: 300 48;
1091                                 max: 300 48;
1092                                 align: 0 0.5;
1093                                 rel1 {
1094                                         to: "page_title";
1095                                         relative: 0.0 1.0;
1096                                 }
1097                                 rel2 {
1098                                         to: "page_title";
1099                                         relative: 1.0  1.0;
1100                                 }
1101                                 color: 153 153 153 255;
1102                     text {
1103                         text: "Web page url";
1104                         font: "Sans";
1105                         size: 24;
1106                         align: 0 0.5;
1107                     }
1108                 }
1109                 description { state: "focus" 0.0;
1110                     inherit: "default" 0.0;
1111                     //color: focusTextColor;
1112                 }
1113                 description { state: "highlight" 0.0;
1114                     inherit: "default" 0.0;
1115                     //color: highlightTextColor;
1116                 }
1117                 }
1118
1119                 part { name: "elm.thumbButton";
1120                         type: SWALLOW;
1121                         description { state: "default" 0.0;
1122                                 rel1.to: "elm.thumbnail";
1123                                 rel2.to: "elm.thumbnail";
1124                         }
1125                 }
1126
1127                 part { name: "over";
1128                         type: RECT;
1129                         mouse_events: 1;
1130                         repeat_events: 1;
1131                         description { state: "default" 0.0;
1132                                 color: 0 0 0 0;
1133                                 rel1.to: "bg";
1134                                 rel2.to: "background";
1135                         }
1136                 }
1137         }
1138
1139         programs{
1140                 program { name: "mouse_in";
1141                         signal: "mouse,in";
1142                         source: "over";
1143                         action:  STATE_SET "selected" 0.0;
1144                         target:  "background";
1145                         target: "focus_highlight";
1146                         target: "bg";
1147                 }
1148                 program { name: "mouse_out";
1149                         signal: "mouse,out";
1150                         source: "over";
1151                         action:  STATE_SET "default" 0.0;
1152                         target:  "background";
1153                         target: "focus_highlight";
1154                         target: "bg";
1155                 }
1156         }
1157 }
1158
1159 group { name: "top_button_item";
1160         min: 1920 181;
1161         max: 1920 181;
1162         data.item: "texts" "mostvisited_text bookmark_text";
1163         data.item: "contents" "mostvisited_click bookmark_click";
1164         parts{
1165             part {
1166                 name: "bg_clipper";
1167                 scale:1;
1168                 mouse_events: 1;
1169                 type: RECT;
1170                 description {
1171                     state: "default" 0.0;
1172                     color: 255 255 255 255;
1173                     align: 0 0;
1174                     min: 1920 181;
1175                     max: 1920 181;
1176                     rel1 { relative: 0.0 0.0;}
1177                     rel2 { relative: 1.0 1.0;}
1178                 }
1179             }
1180             part {
1181                 name: "mostvisited_button";
1182                 scale:1;
1183                 mouse_events: 1;
1184                 type: RECT;
1185                 description {
1186                     state: "default" 0.0;
1187                     visible: 1;
1188                     fixed: 1 1;
1189                     color: 192 192 192 255;
1190                     align: 0 0;
1191                     min: 348 64;
1192                     max: 348 64;
1193                     rel1 { relative: 0.0 0.0; to: "bg_clipper"; offset: 611 58;}
1194                     rel2 { relative: 1.0 1.0; to: "bg_clipper"; }
1195                 }
1196                 description {
1197                     state: "highlight" 0.0;
1198                     inherit: "default" 0.0;
1199                     color_class: focusBgColor;
1200                     visible: 1;
1201                 }
1202                 description {
1203                     state: "focus" 0.0;
1204                     inherit: "default" 0.0;
1205                     color_class: focusbtBgColor;
1206                     visible: 1;
1207                 }
1208             }
1209             part{
1210                 name: "mostvisited_text";
1211                 type: TEXT;
1212                 scale: 1;
1213                 description { state: "default" 0.0;
1214                     visible: 1;
1215                     fixed: 1 1;
1216                     rel1 { relative: 0.0 0.0;to: "mostvisited_button";}
1217                     rel2 { relative: 1.0 1.0;to: "mostvisited_button";}
1218                     color: 0 0 0 255;
1219                 text {
1220                         text: "Most visited";
1221                         font: "Sans";
1222                         size: 27;
1223                         align: 0.5 0.5;
1224                     }
1225                 }
1226             }
1227             part {
1228                 name: "mostvisited_over";
1229                 scale:1;
1230                 type: RECT;
1231                 mouse_events: 1;
1232                 description {
1233                     state: "default" 0.0;
1234                     visible: 1;
1235                     align: 0 0;
1236                     fixed: 1 1;
1237                     rel1 { relative: 0.0 0.0; to: "mostvisited_button";}
1238                     rel2 { relative: 1.0 1.0; to: "mostvisited_button";}
1239                     color_class: transparent;
1240                 }
1241             }
1242             part {
1243                 name: "mostvisited_click";
1244                 scale:1;
1245                 type: SWALLOW;
1246                 mouse_events: 1;
1247                 description {
1248                     state: "default" 0.0;
1249                     visible: 1;
1250                     align: 0 0;
1251                     fixed: 1 1;
1252                     rel1 { relative: 0.0 0.0; to: "mostvisited_button";}
1253                     rel2 { relative: 1.0 1.0; to: "mostvisited_button";}
1254                 }
1255             }
1256             part {
1257                 name: "bookmark_button";
1258                 scale:1;
1259                 mouse_events: 1;
1260                 type: RECT;
1261                 description {
1262                     state: "default" 0.0;
1263                     visible: 1;
1264                     fixed: 1 1;
1265                     color: 192 192 192 255;
1266                     align: 0 0;
1267                     min: 348 64;
1268                     max: 348 64;
1269                     rel1 { relative: 0.0 0.0; to: "bg_clipper"; offset: 961 58;}
1270                     rel2 { relative: 1.0 1.0; to: "bg_clipper"; }
1271                 }
1272                 description {
1273                     state: "highlight" 0.0;
1274                     inherit: "default" 0.0;
1275                     color_class: focusBgColor;
1276                     visible: 1;
1277                 }
1278                   description {
1279                     state: "focus" 0.0;
1280                     inherit: "default" 0.0;
1281                     color_class: focusbtBgColor;
1282                     visible: 1;
1283                 }
1284             }
1285             part{
1286                 name: "bookmark_text";
1287                 type: TEXT;
1288                 scale: 1;
1289                 description { state: "default" 0.0;
1290                     visible: 1;
1291                     fixed: 1 1;
1292                     rel1 { relative: 0.0 0.0;to: "bookmark_button";}
1293                     rel2 { relative: 1.0 1.0;to: "bookmark_button";}
1294                     color: 0 0 0 255;
1295                 text {
1296                         text: "Bookmark";
1297                         font: "Sans";
1298                         size: 27;
1299                         align: 0.5 0.5;
1300                     }
1301                 }
1302             }
1303             part {
1304                 name: "bookmark_over";
1305                 scale:1;
1306                 type: RECT;
1307                 mouse_events: 1;
1308                 description {
1309                     state: "default" 0.0;
1310                     visible: 1;
1311                     align: 0 0;
1312                     fixed: 1 1;
1313                     rel1 { relative: 0.0 0.0; to: "bookmark_button";}
1314                     rel2 { relative: 1.0 1.0; to: "bookmark_button";}
1315                     color_class: transparent;
1316                 }
1317             }
1318             part {
1319                 name: "bookmark_click";
1320                 scale:1;
1321                 type: SWALLOW;
1322                 mouse_events: 1;
1323                 description {
1324                     state: "default" 0.0;
1325                     visible: 1;
1326                     align: 0 0;
1327                     fixed: 1 1;
1328                     rel1 { relative: 0.0 0.0; to: "bookmark_button";}
1329                     rel2 { relative: 1.0 1.0; to: "bookmark_button";}
1330                     color_class: transparent;
1331                 }
1332             }
1333
1334         programs{
1335             program {
1336                 name: "mouse_click_mostvisited";
1337                 signal: "mouse,clicked,1";
1338                 source: "mostvisited_over";
1339                 script {
1340                     emit("elm,action,click", "");
1341                 }
1342             }
1343             program {
1344                 name: "mouse_in_mostvisited_click";
1345                 signal: "mouse,in";
1346                 source: "mostvisited_*";
1347                 action: STATE_SET "highlight" 0.0;
1348                 target: "mostvisited_button";
1349                 target: "mostvisited_over";
1350                 target: "mostvisited_text";
1351              }
1352             program {
1353                 name: "mouse_out_mostvisited_click";
1354                 signal: "mouse,out";
1355                 source: "mostvisited_*";
1356                 action: STATE_SET "default" 0.0;
1357                 target: "mostvisited_button";
1358                 target: "mostvisited_over";
1359                 target: "mostvisited_text";
1360             }
1361             program {
1362                 name: "mouse_click_bookmark";
1363                 signal: "mouse,clicked,1";
1364                 source: "bookmark_over";
1365                 script {
1366                     emit("elm,action,click", "");
1367                 }
1368             }
1369             program {
1370                 name: "mouse_in_bookmark_click";
1371                 signal: "mouse,in";
1372                 source: "bookmark_*";
1373                 action: STATE_SET "highlight" 0.0;
1374                 target: "bookmark_button";
1375                 target: "bookmark_over";
1376                 target: "bookmark_text";
1377              }
1378             program {
1379                 name: "mouse_out_bookmark_click";
1380                 signal: "mouse,out";
1381                 source: "bookmark_*";
1382                 action: STATE_SET "default" 0.0;
1383                 target: "bookmark_button";
1384                 target: "bookmark_over";
1385                 target: "mostvisited_text";
1386             }
1387         }
1388     }
1389 }
1390
1391 group {
1392     name: "url_history_list_layout";
1393     parts
1394     {
1395         part
1396         {
1397             name: "url_history_list_swallow";
1398             type: SWALLOW;
1399             description {
1400                 state: "default" 0.0;
1401                 min: URI_INPUTBOX_LENGTH URL_HISTORY_LIST_MAX_H;
1402                 max: -1 -1;
1403                 align: 0.0 0.0;
1404                 fixed: 1 1;
1405                 visible: 1;
1406                 rel1 {
1407                     relative: 0 0;
1408                     offset: 10 106;
1409                 }
1410                 rel2 {
1411                     relative: 1.0 1.0;
1412                 }
1413             }
1414         }
1415     }
1416 }
1417
1418 group { name: "bottom_button_item";
1419         min: 1920 181;
1420         max: 1920 181;
1421         data.item: "texts" "bookmarkmanager_text";
1422         data.item: "contents" "bookmarkmanager_click";
1423         parts{
1424             part {
1425                 name: "bg_clipper";
1426                 scale:1;
1427                 mouse_events: 1;
1428                 type: RECT;
1429                 description {
1430                     state: "default" 0.0;
1431                     color: 255 255 255 255;
1432                     align: 0 0;
1433                     min: 1920 181;
1434                     max: 1920 181;
1435                     rel1 { relative: 0.0 0.0;}
1436                     rel2 { relative: 1.0 1.0;}
1437                 }
1438             }
1439             part {
1440                 name: "bookmarkmanager_button";
1441                 scale:1;
1442                 mouse_events: 1;
1443                 type: RECT;
1444                 description {
1445                     state: "default" 0.0;
1446                     visible: 1;
1447                     fixed: 1 1;
1448                     align: 0 0;
1449                     min: 348 65;
1450                     max: 348 65;
1451                     color: 192 192 192 255;
1452                     rel1 { relative: 0.0 0.0; to: "bg_clipper"; offset: 786 58;}
1453                     rel2 { relative: 1.0 1.0; to: "bg_clipper"; }
1454                 }
1455                 description {
1456                     state: "highlight" 0.0;
1457                     inherit: "default" 0.0;
1458                     color_class: focusBgColor;
1459                     visible: 1;
1460                 }
1461                   description {
1462                     state: "focus" 0.0;
1463                     inherit: "default" 0.0;
1464                     color_class: focusbtBgColor;
1465                     visible: 1;
1466                 }
1467             }
1468             part{
1469                 name: "bookmarkmanager_text";
1470                 type: TEXT;
1471                 scale: 1;
1472                 description { state: "default" 0.0;
1473                     visible: 1;
1474                     fixed: 1 1;
1475                     rel1 { relative: 0.0 0.0;to: "bookmarkmanager_button";}
1476                     rel2 { relative: 1.0 1.0;to: "bookmarkmanager_button";}
1477                     color: 0 0 0 255;
1478                 text {
1479                         text: "Bookmark Manager";
1480                         font: "Sans";
1481                         size: 27;
1482                         align: 0.5 0.5;
1483                     }
1484                 }
1485             }
1486             part {
1487                 name: "bookmarkmanager_over";
1488                 scale:1;
1489                 type: RECT;
1490                 mouse_events: 1;
1491                 description {
1492                     state: "default" 0.0;
1493                     visible: 1;
1494                     align: 0 0;
1495                     fixed: 1 1;
1496                     min: 348 65;
1497                     max: 348 65;
1498                     rel1 { relative: 0.0 0.0; to: "bookmarkmanager_button";}
1499                     rel2 { relative: 1.0 1.0; to: "bookmarkmanager_button";}
1500                     color_class: transparent;
1501                 }
1502             }
1503             part {
1504                 name: "bookmarkmanager_click";
1505                 scale:1;
1506                 type: SWALLOW;
1507                 mouse_events: 1;
1508                 description {
1509                     state: "default" 0.0;
1510                     visible: 1;
1511                     align: 0 0;
1512                     fixed: 1 1;
1513                     min: 348 65;
1514                     max: 348 65;
1515                     rel1 { relative: 0.0 0.0; to: "bookmarkmanager_over";}
1516                     rel2 { relative: 1.0 1.0; to: "bookmarkmanager_over";}
1517                 }
1518             }
1519         }
1520         programs{
1521             program {
1522                 name: "mouse_click_bookmarkmanager";
1523                 signal: "mouse,clicked,1";
1524                 source: "bookmarkmanager_over";
1525                 script {
1526                     emit("elm,action,click", "");
1527                 }
1528             }
1529             program {
1530                 name: "mouse_in_bookmarkmanager_click";
1531                 signal: "mouse,in";
1532                 source: "bookmarkmanager_*";
1533                 action: STATE_SET "highlight" 0.0;
1534                 target: "bookmarkmanager_button";
1535                 target: "bookmarkmanager_over";
1536                 target: "bookmarkmanager_text";
1537              }
1538             program {
1539                 name: "mouse_out_bookmarkmanager_click";
1540                 signal: "mouse,out";
1541                 source: "bookmarkmanager_*";
1542                 action: STATE_SET "default" 0.0;
1543                 target: "bookmarkmanager_button";
1544                 target: "bookmarkmanager_over";
1545                 target: "bookmarkmanager_text";
1546             }
1547         }
1548     }
1549 }