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