data/themes/widgets/panel.edc

   1 group {
   2    name: "elm/panel/base/left";
   3    images
   4    {
   5       image: "bt_base1.png" COMP;
   6       image: "bt_hilight.png" COMP;
   7       image: "bt_shine.png" COMP;
   8       image: "bt_glow.png" COMP;
   9       image: "bt_dis_base.png" COMP;
  10       image: "icon_arrow_left.png" COMP;
  11       image: "icon_arrow_right.png" COMP;
  12    }
  13    data {
  14       item: "focus_highlight" "on";
  15    }
  16    parts
  17    {
  18       part { name: "focus_highlight";
  19          description { state: "default" 0.0;
  20             visible: 0;
  21             color: 255 255 255 0;
  22             rel1 {
  23                to: "btn";
  24                offset: -8 -8;
  25             }
  26             rel2 {
  27                to: "btn";
  28                offset: 7 7;
  29             }
  30             image {
  31                normal: "frame_2.png";
  32                border: 5 5 32 26;
  33                middle: 0;
  34             }
  35          }
  36          description { state: "enabled" 0.0;
  37             inherit: "default" 0.0;
  38             visible: 1;
  39             color: 255 255 255 255;
  40          }
  41       }
  42       part
  43       {
  44          name: "bg";
  45          type: RECT;
  46          mouse_events: 0;
  47          description
  48          {
  49             state: "default" 0.0;
  50             color: 255 255 255 0;
  51             rel2.offset: -1 -1;
  52          }
  53          description
  54          {
  55             state: "hidden" 0.0;
  56             inherit: "default" 0.0;
  57             rel1.relative: -1.0 0.0;
  58             rel1.offset: 21 0;
  59             rel2.relative: 0.0 1.0;
  60             rel2.offset: 20 -1;
  61          }
  62       }
  63       part
  64       {
  65          name: "clipper";
  66          type: RECT;
  67          mouse_events: 0;
  68          description
  69          {
  70             state: "default" 0.0;
  71             rel1
  72             {
  73                offset: 4 4;
  74                to: "base";
  75             }
  76             rel2
  77             {
  78                offset: -5 -5;
  79                to: "base";
  80             }
  81          }
  82       }
  83       part
  84       {
  85          name: "btn";
  86          type: IMAGE;
  87          mouse_events: 1;
  88          description
  89          {
  90             state: "default" 0.0;
  91             max: 32 48;
  92             fixed: 1 1;
  93             align: 0.0 0.5;
  94             rel1
  95             {
  96                relative: 1.0 0.0;
  97                offset: -3 0;
  98                to_x: "base";
  99             }
 100             rel2.to_x: "bg";
 101             image
 102             {
 103                normal: "bt_base1.png";
 104                border: 0 5 4 12;
 105             }
 106             fill.smooth: 0;
 107          }
 108          description
 109          {
 110             state: "clicked" 0.0;
 111             inherit: "default" 0.0;
 112          }
 113       }
 114       part
 115       {
 116          name: "btn_over";
 117          type: IMAGE;
 118          mouse_events: 0;
 119          description
 120          {
 121             state: "default" 0.0;
 122             rel1.to: "btn";
 123             rel2
 124             {
 125                relative: 1.0 0.5;
 126                to: "btn";
 127             }
 128             image
 129             {
 130                normal: "bt_hilight.png";
 131                border: 0 7 7 0;
 132             }
 133          }
 134       }
 135       part
 136       {
 137          name: "btn_over2";
 138          type: IMAGE;
 139          mouse_events: 1;
 140          repeat_events: 1;
 141          ignore_flags: ON_HOLD;
 142          description
 143          {
 144             state: "default" 0.0;
 145             rel1.to: "btn";
 146             rel2.to: "btn";
 147             image
 148             {
 149                normal: "bt_shine.png";
 150                border: 0 7 7 7;
 151             }
 152          }
 153       }
 154       part
 155       {
 156          name: "btn_over3";
 157          type: IMAGE;
 158          mouse_events: 1;
 159          repeat_events: 1;
 160          description
 161          {
 162             state: "default" 0.0;
 163             color: 255 255 255 0;
 164             rel1.to: "btn";
 165             rel2.to: "btn";
 166             image
 167             {
 168                normal: "bt_glow.png";
 169                border: 12 12 12 12;
 170             }
 171             fill.smooth: 0;
 172          }
 173          description
 174          {
 175             state: "clicked" 0.0;
 176             inherit: "default" 0.0;
 177             visible: 1;
 178             color: 255 255 255 255;
 179          }
 180       }
 181       part
 182       {
 183          name: "btn_icon";
 184          type: IMAGE;
 185          repeat_events: 1;
 186          description
 187          {
 188             state: "default" 0.0;
 189             rel1.to: "btn";
 190             rel2.to: "btn";
 191             align: 0.5 0.5;
 192             min: 16 16;
 193             max: 16 16;
 194             image.normal: "icon_arrow_left.png";
 195          }
 196          description
 197          {
 198             state: "hidden" 0.0;
 199             inherit: "default" 0.0;
 200             image.normal: "icon_arrow_right.png";
 201          }
 202       }
 203       part
 204       {
 205          name: "base";
 206          type: IMAGE;
 207          mouse_events: 0;
 208          description
 209          {
 210             state: "default" 0.0;
 211             rel1.to: "bg";
 212             rel2.to: "bg";
 213             rel2.offset: -20 -1;
 214             image
 215             {
 216                normal: "bt_dis_base.png";
 217                border: 4 4 4 4;
 218             }
 219          }
 220       }
 221       part
 222       {
 223          name: "elm.swallow.content";
 224          type: SWALLOW;
 225          clip_to: "clipper";
 226          description
 227          {
 228             state: "default" 0.0;
 229             rel1.to: "clipper";
 230             rel2.to: "clipper";
 231          }
 232       }
 233    }
 234    programs
 235    {
 236       program
 237       {
 238          name: "show";
 239          signal: "elm,action,show";
 240          source: "elm";
 241          action: STATE_SET "default" 0.0;
 242          target: "bg";
 243          target: "btn_icon";
 244          transition: LINEAR 0.5;
 245       }
 246       program
 247       {
 248          name: "hide";
 249          signal: "elm,action,hide";
 250          source: "elm";
 251          action: STATE_SET "hidden" 0.0;
 252          target: "bg";
 253          target: "btn_icon";
 254          transition: LINEAR 0.5;
 255       }
 256       program
 257       {
 258          name: "btn_click";
 259          signal: "mouse,down,1";
 260          source: "btn_over2";
 261          action: STATE_SET "clicked" 0.0;
 262          target: "btn";
 263       }
 264       program
 265       {
 266          name: "btn_unclick";
 267          signal: "mouse,up,1";
 268          source: "btn_over2";
 269          action: STATE_SET "default" 0.0;
 270          target: "btn";
 271       }
 272       program
 273       {
 274          name: "btn_click2";
 275          signal: "mouse,down,1";
 276          source: "btn_over3";
 277          action: STATE_SET "clicked" 0.0;
 278          target: "btn_over3";
 279       }
 280       program
 281       {
 282          name: "btn_unclick2";
 283          signal: "mouse,up,1";
 284          source: "btn_over3";
 285          action: STATE_SET "default" 0.0;
 286          transition: DECELERATE 0.5;
 287          target: "btn_over3";
 288       }
 289       program
 290       {
 291          name: "btn_unclick3";
 292          signal: "mouse,clicked,1";
 293          source: "btn_over2";
 294          action: SIGNAL_EMIT "elm,action,panel,toggle" "";
 295       }
 296       program { name: "highlight_show";
 297          signal: "elm,action,focus_highlight,show";
 298          source: "elm";
 299          action: STATE_SET "enabled" 0.0;
 300          transition: ACCELERATE 0.3;
 301          target: "focus_highlight";
 302       }
 303       program { name: "highlight_hide";
 304          signal: "elm,action,focus_highlight,hide";
 305          source: "elm";
 306          action: STATE_SET "default" 0.0;
 307          transition: DECELERATE 0.3;
 308          target: "focus_highlight";
 309       }
 310    }
 311 }
 312
 313 group {
 314    name: "elm/panel/base/top";
 315    images
 316    {
 317       image: "bt_base1.png" COMP;
 318       image: "bt_hilight.png" COMP;
 319       image: "bt_shine.png" COMP;
 320       image: "bt_glow.png" COMP;
 321       image: "bt_dis_base.png" COMP;
 322       image: "icon_arrow_up.png" COMP;
 323       image: "icon_arrow_down.png" COMP;
 324    }
 325    data {
 326       item: "focus_highlight" "on";
 327    }
 328    parts
 329    {
 330       part { name: "focus_highlight";
 331          description { state: "default" 0.0;
 332             visible: 0;
 333             color: 255 255 255 0;
 334             rel1 {
 335                to: "btn";
 336                offset: -8 -8;
 337             }
 338             rel2 {
 339                to: "btn";
 340                offset: 7 7;
 341             }
 342             image {
 343                normal: "frame_2.png";
 344                border: 5 5 32 26;
 345                middle: 0;
 346             }
 347          }
 348          description { state: "enabled" 0.0;
 349             inherit: "default" 0.0;
 350             visible: 1;
 351             color: 255 255 255 255;
 352          }
 353       }
 354       part
 355       {
 356          name: "bg";
 357          type: RECT;
 358          mouse_events: 0;
 359          description
 360          {
 361             state: "default" 0.0;
 362             color: 255 255 255 0;
 363             rel2.offset: -1 -1;
 364          }
 365          description
 366          {
 367             state: "hidden" 0.0;
 368             inherit: "default" 0.0;
 369             rel1.relative: 0.0 -1.0;
 370             rel1.offset: 0 -21;
 371             rel2.relative: 1.0 0.0;
 372             rel2.offset: -1 20;
 373          }
 374       }
 375       part
 376       {
 377          name: "clipper";
 378          type: RECT;
 379          mouse_events: 0;
 380          description
 381          {
 382             state: "default" 0.0;
 383             rel1
 384             {
 385                offset: 4 4;
 386                to: "base";
 387             }
 388             rel2
 389             {
 390                offset: -5 -5;
 391                to: "base";
 392             }
 393          }
 394       }
 395       part
 396       {
 397          name: "btn";
 398          type: IMAGE;
 399          mouse_events: 1;
 400          description
 401          {
 402             state: "default" 0.0;
 403             max: 48 32;
 404             fixed: 1 1;
 405             align: 0.5 0.0;
 406             rel1
 407             {
 408                relative: 0.0 1.0;
 409                offset: 0 -6;
 410                to_y: "base";
 411             }
 412             rel2.to_y: "bg";
 413             image
 414             {
 415                normal: "bt_base1.png";
 416                border: 12 4 0 5;
 417             }
 418             fill.smooth: 0;
 419          }
 420          description
 421          {
 422             state: "clicked" 0.0;
 423             inherit: "default" 0.0;
 424          }
 425       }
 426       part
 427       {
 428          name: "btn_over";
 429          type: IMAGE;
 430          mouse_events: 0;
 431          description
 432          {
 433             state: "default" 0.0;
 434             rel1.to: "btn";
 435             rel2
 436             {
 437                relative: 1.0 0.5;
 438                to: "btn";
 439             }
 440             image
 441             {
 442                normal: "bt_hilight.png";
 443                border: 0 7 7 0;
 444             }
 445          }
 446       }
 447       part
 448       {
 449          name: "btn_over2";
 450          type: IMAGE;
 451          mouse_events: 1;
 452          repeat_events: 1;
 453          ignore_flags: ON_HOLD;
 454          description
 455          {
 456             state: "default" 0.0;
 457             rel1.to: "btn";
 458             rel2.to: "btn";
 459             image
 460             {
 461                normal: "bt_shine.png";
 462                border: 0 7 7 7;
 463             }
 464          }
 465       }
 466       part
 467       {
 468          name: "btn_over3";
 469          type: IMAGE;
 470          mouse_events: 1;
 471          repeat_events: 1;
 472          description
 473          {
 474             state: "default" 0.0;
 475             color: 255 255 255 0;
 476             rel1.to: "btn";
 477             rel2.to: "btn";
 478             image
 479             {
 480                normal: "bt_glow.png";
 481                border: 12 12 12 12;
 482             }
 483             fill.smooth: 0;
 484          }
 485          description
 486          {
 487             state: "clicked" 0.0;
 488             inherit: "default" 0.0;
 489             visible: 1;
 490             color: 255 255 255 255;
 491          }
 492       }
 493       part
 494       {
 495          name: "btn_icon";
 496          type: IMAGE;
 497          repeat_events: 1;
 498          description
 499          {
 500             state: "default" 0.0;
 501             rel1.to: "btn";
 502             rel2.to: "btn";
 503             align: 0.5 0.5;
 504             min: 16 16;
 505             max: 16 16;
 506             image.normal: "icon_arrow_up.png";
 507          }
 508          description
 509          {
 510             state: "hidden" 0.0;
 511             inherit: "default" 0.0;
 512             image.normal: "icon_arrow_down.png";
 513          }
 514       }
 515       part
 516       {
 517          name: "base";
 518          type: IMAGE;
 519          mouse_events: 0;
 520          description
 521          {
 522             state: "default" 0.0;
 523             rel1.to: "bg";
 524             rel2.to: "bg";
 525             rel2.offset: -1 -20;
 526             image
 527             {
 528                normal: "bt_dis_base.png";
 529                border: 4 4 4 4;
 530             }
 531          }
 532       }
 533       part
 534       {
 535          name: "elm.swallow.content";
 536          type: SWALLOW;
 537          clip_to: "clipper";
 538          description
 539          {
 540             state: "default" 0.0;
 541             rel1.to: "clipper";
 542             rel2.to: "clipper";
 543          }
 544       }
 545    }
 546    programs
 547    {
 548       program
 549       {
 550          name: "show";
 551          signal: "elm,action,show";
 552          source: "elm";
 553          action: STATE_SET "default" 0.0;
 554          target: "bg";
 555          target: "btn_icon";
 556          transition: LINEAR 0.5;
 557       }
 558       program
 559       {
 560          name: "hide";
 561          signal: "elm,action,hide";
 562          source: "elm";
 563          action: STATE_SET "hidden" 0.0;
 564          target: "bg";
 565          target: "btn_icon";
 566          transition: LINEAR 0.5;
 567       }
 568       program
 569       {
 570          name: "btn_click";
 571          signal: "mouse,down,1";
 572          source: "btn_over2";
 573          action: STATE_SET "clicked" 0.0;
 574          target: "btn";
 575       }
 576       program
 577       {
 578          name: "btn_unclick";
 579          signal: "mouse,up,1";
 580          source: "btn_over2";
 581          action: STATE_SET "default" 0.0;
 582          target: "btn";
 583       }
 584       program
 585       {
 586          name: "btn_click2";
 587          signal: "mouse,down,1";
 588          source: "btn_over3";
 589          action: STATE_SET "clicked" 0.0;
 590          target: "btn_over3";
 591       }
 592       program
 593       {
 594          name: "btn_unclick2";
 595          signal: "mouse,up,1";
 596          source: "btn_over3";
 597          action: STATE_SET "default" 0.0;
 598          transition: DECELERATE 0.5;
 599          target: "btn_over3";
 600       }
 601       program
 602       {
 603          name: "btn_unclick3";
 604          signal: "mouse,clicked,1";
 605          source: "btn_over2";
 606          action: SIGNAL_EMIT "elm,action,panel,toggle" "";
 607       }
 608       program { name: "highlight_show";
 609          signal: "elm,action,focus_highlight,show";
 610          source: "elm";
 611          action: STATE_SET "enabled" 0.0;
 612          transition: ACCELERATE 0.3;
 613          target: "focus_highlight";
 614       }
 615       program { name: "highlight_hide";
 616          signal: "elm,action,focus_highlight,hide";
 617          source: "elm";
 618          action: STATE_SET "default" 0.0;
 619          transition: DECELERATE 0.3;
 620          target: "focus_highlight";
 621       }
 622    }
 623 }
 624
 625 group {
 626    name: "elm/panel/base/bottom";
 627    images
 628    {
 629       image: "bt_base1.png" COMP;
 630       image: "bt_hilight.png" COMP;
 631       image: "bt_shine.png" COMP;
 632       image: "bt_glow.png" COMP;
 633       image: "bt_dis_base.png" COMP;
 634       image: "icon_arrow_up.png" COMP;
 635       image: "icon_arrow_down.png" COMP;
 636    }
 637    data {
 638       item: "focus_highlight" "on";
 639    }
 640    parts
 641    {
 642       part { name: "focus_highlight";
 643          description { state: "default" 0.0;
 644             visible: 0;
 645             color: 255 255 255 0;
 646             rel1 {
 647                to: "btn";
 648                offset: -8 -8;
 649             }
 650             rel2 {
 651                to: "btn";
 652                offset: 7 7;
 653             }
 654             image {
 655                normal: "frame_2.png";
 656                border: 5 5 32 26;
 657                middle: 0;
 658             }
 659          }
 660          description { state: "enabled" 0.0;
 661             inherit: "default" 0.0;
 662             visible: 1;
 663             color: 255 255 255 255;
 664          }
 665       }
 666       part
 667       {
 668          name: "bg";
 669          type: RECT;
 670          mouse_events: 0;
 671          description
 672          {
 673             state: "default" 0.0;
 674             color: 255 255 255 0;
 675             rel2.offset: -1 -1;
 676          }
 677          description
 678          {
 679             state: "hidden" 0.0;
 680             inherit: "default" 0.0;
 681             rel1.relative: 0.0 1.0;
 682             rel1.offset: -1 -24;
 683             rel2.relative: 1.0 2.0;
 684             rel2.offset: 0 -21;
 685          }
 686       }
 687       part
 688       {
 689          name: "clipper";
 690          type: RECT;
 691          mouse_events: 0;
 692          description
 693          {
 694             state: "default" 0.0;
 695             rel1
 696             {
 697                offset: 4 4;
 698                to: "base";
 699             }
 700             rel2
 701             {
 702                offset: -5 -5;
 703                to: "base";
 704             }
 705          }
 706       }
 707       part
 708       {
 709          name: "btn";
 710          type: IMAGE;
 711          mouse_events: 1;
 712          description
 713          {
 714             state: "default" 0.0;
 715             max: 48 32;
 716             fixed: 1 1;
 717             align: 0.5 0.0;
 718             rel1.to_y: "bg";
 719             rel2{
 720                relative: 1.0 0.0;
 721                offset: 0 5;
 722                to_y: "base";
 723             }
 724             image
 725             {
 726                normal: "bt_base1.png";
 727                border: 4 12 5 0;
 728             }
 729             fill.smooth: 0;
 730          }
 731          description
 732          {
 733             state: "clicked" 0.0;
 734             inherit: "default" 0.0;
 735          }
 736       }
 737       part
 738       {
 739          name: "btn_over";
 740          type: IMAGE;
 741          mouse_events: 0;
 742          description
 743          {
 744             state: "default" 0.0;
 745             rel1.to: "btn";
 746             rel2
 747             {
 748                relative: 1.0 0.5;
 749                to: "btn";
 750             }
 751             image
 752             {
 753                normal: "bt_hilight.png";
 754                border: 0 7 7 0;
 755             }
 756          }
 757       }
 758       part
 759       {
 760          name: "btn_over2";
 761          type: IMAGE;
 762          mouse_events: 1;
 763          repeat_events: 1;
 764          ignore_flags: ON_HOLD;
 765          description
 766          {
 767             state: "default" 0.0;
 768             rel1.to: "btn";
 769             rel2.to: "btn";
 770             image
 771             {
 772                normal: "bt_shine.png";
 773                border: 0 7 7 7;
 774             }
 775          }
 776       }
 777       part
 778       {
 779          name: "btn_over3";
 780          type: IMAGE;
 781          mouse_events: 1;
 782          repeat_events: 1;
 783          description
 784          {
 785             state: "default" 0.0;
 786             color: 255 255 255 0;
 787             rel1.to: "btn";
 788             rel2.to: "btn";
 789             image
 790             {
 791                normal: "bt_glow.png";
 792                border: 12 12 12 12;
 793             }
 794             fill.smooth: 0;
 795          }
 796          description
 797          {
 798             state: "clicked" 0.0;
 799             inherit: "default" 0.0;
 800             visible: 1;
 801             color: 255 255 255 255;
 802          }
 803       }
 804       part
 805       {
 806          name: "btn_icon";
 807          type: IMAGE;
 808          repeat_events: 1;
 809          description
 810          {
 811             state: "default" 0.0;
 812             rel1.to: "btn";
 813             rel2.to: "btn";
 814             align: 0.5 0.5;
 815             min: 16 16;
 816             max: 16 16;
 817             image.normal: "icon_arrow_down.png";
 818          }
 819          description
 820          {
 821             state: "hidden" 0.0;
 822             inherit: "default" 0.0;
 823             image.normal: "icon_arrow_up.png";
 824          }
 825       }
 826       part
 827       {
 828          name: "base";
 829          type: IMAGE;
 830          mouse_events: 0;
 831          description
 832          {
 833             state: "default" 0.0;
 834             rel1.to: "bg";
 835             rel1.offset: -1 20;
 836             rel2.to: "bg";
 837             image
 838             {
 839                normal: "bt_dis_base.png";
 840                border: 4 4 4 4;
 841             }
 842          }
 843       }
 844       part
 845       {
 846          name: "elm.swallow.content";
 847          type: SWALLOW;
 848          clip_to: "clipper";
 849          description
 850          {
 851             state: "default" 0.0;
 852             rel1.to: "clipper";
 853             rel2.to: "clipper";
 854          }
 855       }
 856    }
 857    programs
 858    {
 859       program
 860       {
 861          name: "show";
 862          signal: "elm,action,show";
 863          source: "elm";
 864          action: STATE_SET "default" 0.0;
 865          target: "bg";
 866          target: "btn_icon";
 867          transition: LINEAR 0.5;
 868       }
 869       program
 870       {
 871          name: "hide";
 872          signal: "elm,action,hide";
 873          source: "elm";
 874          action: STATE_SET "hidden" 0.0;
 875          target: "bg";
 876          target: "btn_icon";
 877          transition: LINEAR 0.5;
 878       }
 879       program
 880       {
 881          name: "btn_click";
 882          signal: "mouse,down,1";
 883          source: "btn_over2";
 884          action: STATE_SET "clicked" 0.0;
 885          target: "btn";
 886       }
 887       program
 888       {
 889          name: "btn_unclick";
 890          signal: "mouse,up,1";
 891          source: "btn_over2";
 892          action: STATE_SET "default" 0.0;
 893          target: "btn";
 894       }
 895       program
 896       {
 897          name: "btn_click2";
 898          signal: "mouse,down,1";
 899          source: "btn_over3";
 900          action: STATE_SET "clicked" 0.0;
 901          target: "btn_over3";
 902       }
 903       program
 904       {
 905          name: "btn_unclick2";
 906          signal: "mouse,up,1";
 907          source: "btn_over3";
 908          action: STATE_SET "default" 0.0;
 909          transition: DECELERATE 0.5;
 910          target: "btn_over3";
 911       }
 912       program
 913       {
 914          name: "btn_unclick3";
 915          signal: "mouse,clicked,1";
 916          source: "btn_over2";
 917          action: SIGNAL_EMIT "elm,action,panel,toggle" "";
 918       }
 919       program { name: "highlight_show";
 920          signal: "elm,action,focus_highlight,show";
 921          source: "elm";
 922          action: STATE_SET "enabled" 0.0;
 923          transition: ACCELERATE 0.3;
 924          target: "focus_highlight";
 925       }
 926       program { name: "highlight_hide";
 927          signal: "elm,action,focus_highlight,hide";
 928          source: "elm";
 929          action: STATE_SET "default" 0.0;
 930          transition: DECELERATE 0.3;
 931          target: "focus_highlight";
 932       }
 933    }
 934 }
 935
 936 group {
 937    name: "elm/panel/base/right";
 938    images
 939    {
 940       image: "bt_base1.png" COMP;
 941       image: "bt_hilight.png" COMP;
 942       image: "bt_shine.png" COMP;
 943       image: "bt_glow.png" COMP;
 944       image: "bt_dis_base.png" COMP;
 945       image: "icon_arrow_left.png" COMP;
 946       image: "icon_arrow_right.png" COMP;
 947    }
 948    parts
 949    {
 950       part { name: "focus_highlight";
 951          description { state: "default" 0.0;
 952             visible: 0;
 953             color: 255 255 255 0;
 954             rel1 {
 955                to: "btn";
 956                offset: -8 -8;
 957             }
 958             rel2 {
 959                to: "btn";
 960                offset: 7 7;
 961             }
 962             image {
 963                normal: "frame_2.png";
 964                border: 5 5 32 26;
 965                middle: 0;
 966             }
 967          }
 968          description { state: "enabled" 0.0;
 969             inherit: "default" 0.0;
 970             visible: 1;
 971             color: 255 255 255 255;
 972          }
 973       }
 974       part
 975       {
 976          name: "bg";
 977          type: RECT;
 978          mouse_events: 0;
 979          description
 980          {
 981             state: "default" 0.0;
 982             color: 255 255 255 0;
 983             rel1.relative: 0.0 0.0;
 984             rel1.offset: 0 0;
 985             rel2.relative: 1.0 1.0;
 986             rel2.offset: -1 -1;
 987          }
 988          description
 989          {
 990             state: "hidden" 0.0;
 991             inherit: "default" 0.0;
 992             rel1.relative: 1.0 0.0;
 993             rel1.offset: -22 0;
 994             rel2.relative: 2.0 1.0;
 995             rel2.offset: -23 -1;
 996          }
 997       }
 998       part
 999       {
1000          name: "clipper";
1001          type: RECT;
1002          mouse_events: 0;
1003          description
1004          {
1005             state: "default" 0.0;
1006             rel1
1007             {
1008                offset: 4 4;
1009                to: "base";
1010             }
1011             rel2
1012             {
1013                offset: -5 -5;
1014                to: "base";
1015             }
1016          }
1017       }
1018       part
1019       {
1020          name: "btn";
1021          type: IMAGE;
1022          mouse_events: 1;
1023          description
1024          {
1025             state: "default" 0.0;
1026             max: 32 48;
1027             fixed: 1 1;
1028             align: 1 0.5;
1029             rel1
1030             {
1031                to_x: "bg";
1032             }
1033             rel2
1034             {
1035                offset: 2 0;
1036                relative: 0.0 1;
1037                to_x: "base";
1038             }
1039             image
1040             {
1041                normal: "bt_base1.png";
1042                border: 5 0 4 12;
1043             }
1044             fill.smooth: 0;
1045          }
1046          description
1047          {
1048             state: "clicked" 0.0;
1049             inherit: "default" 0.0;
1050          }
1051       }
1052       part
1053       {
1054          name: "btn_over";
1055          type: IMAGE;
1056          mouse_events: 0;
1057          description
1058          {
1059             state: "default" 0.0;
1060             rel1.to: "btn";
1061             rel2
1062             {
1063                relative: 1.0 0.5;
1064                to: "btn";
1065             }
1066             image
1067             {
1068                normal: "bt_hilight.png";
1069                border: 7 0 7 0;
1070             }
1071          }
1072       }
1073       part
1074       {
1075          name: "btn_over2";
1076          type: IMAGE;
1077          mouse_events: 1;
1078          repeat_events: 1;
1079          ignore_flags: ON_HOLD;
1080          description
1081          {
1082             state: "default" 0.0;
1083             rel1.to: "btn";
1084             rel2.to: "btn";
1085             image
1086             {
1087                normal: "bt_shine.png";
1088                border: 7 0 7 7;
1089             }
1090          }
1091       }
1092       part
1093       {
1094          name: "btn_over3";
1095          type: IMAGE;
1096          mouse_events: 1;
1097          repeat_events: 1;
1098          description
1099          {
1100             state: "default" 0.0;
1101             color: 255 255 255 0;
1102             rel1.to: "btn";
1103             rel2.to: "btn";
1104             image
1105             {
1106                normal: "bt_glow.png";
1107                border: 12 12 12 12;
1108             }
1109             fill.smooth: 0;
1110          }
1111          description
1112          {
1113             state: "clicked" 0.0;
1114             inherit: "default" 0.0;
1115             visible: 1;
1116             color: 255 255 255 255;
1117          }
1118       }
1119       part
1120       {
1121          name: "btn_icon";
1122          type: IMAGE;
1123          repeat_events: 1;
1124          description
1125          {
1126             state: "default" 0.0;
1127             rel1.to: "btn";
1128             rel2.to: "btn";
1129             align: 0.5 0.5;
1130             min: 16 16;
1131             max: 16 16;
1132             image.normal: "icon_arrow_right.png";
1133          }
1134          description
1135          {
1136             state: "hidden" 0.0;
1137             inherit: "default" 0.0;
1138             image.normal: "icon_arrow_left.png";
1139          }
1140       }
1141       part
1142       {
1143          name: "base";
1144          type: IMAGE;
1145          mouse_events: 0;
1146          description
1147          {
1148             state: "default" 0.0;
1149             rel1.to: "bg";
1150             rel1.offset: 20 0;
1151             rel2.to: "bg";
1152             image
1153             {
1154                normal: "bt_dis_base.png";
1155                border: 4 4 4 4;
1156             }
1157          }
1158       }
1159       part
1160       {
1161          name: "elm.swallow.content";
1162          type: SWALLOW;
1163          clip_to: "clipper";
1164          description
1165          {
1166             state: "default" 0.0;
1167             rel1.to: "clipper";
1168             rel2.to: "clipper";
1169          }
1170       }
1171    }
1172    programs
1173    {
1174       program
1175       {
1176          name: "show";
1177          signal: "elm,action,show";
1178          source: "elm";
1179          action: STATE_SET "default" 0.0;
1180          target: "bg";
1181          target: "btn_icon";
1182          transition: LINEAR 0.5;
1183       }
1184       program
1185       {
1186          name: "hide";
1187          signal: "elm,action,hide";
1188          source: "elm";
1189          action: STATE_SET "hidden" 0.0;
1190          target: "bg";
1191          target: "btn_icon";
1192          transition: LINEAR 0.5;
1193       }
1194       program
1195       {
1196          name: "btn_click";
1197          signal: "mouse,down,1";
1198          source: "btn_over2";
1199          action: STATE_SET "clicked" 0.0;
1200          target: "btn";
1201       }
1202       program
1203       {
1204          name: "btn_unclick";
1205          signal: "mouse,up,1";
1206          source: "btn_over2";
1207          action: STATE_SET "default" 0.0;
1208          target: "btn";
1209       }
1210       program
1211       {
1212          name: "btn_click2";
1213          signal: "mouse,down,1";
1214          source: "btn_over3";
1215          action: STATE_SET "clicked" 0.0;
1216          target: "btn_over3";
1217       }
1218       program
1219       {
1220          name: "btn_unclick2";
1221          signal: "mouse,up,1";
1222          source: "btn_over3";
1223          action: STATE_SET "default" 0.0;
1224          transition: DECELERATE 0.5;
1225          target: "btn_over3";
1226       }
1227       program
1228       {
1229          name: "btn_unclick3";
1230          signal: "mouse,up,1";
1231          source: "btn_over2";
1232          action: SIGNAL_EMIT "elm,action,panel,toggle" "";
1233       }
1234       program { name: "highlight_show";
1235          signal: "elm,action,focus";
1236          source: "elm";
1237          action: STATE_SET "enabled" 0.0;
1238          transition: ACCELERATE 0.3;
1239          target: "focus_highlight";
1240       }
1241       program { name: "highlight_hide";
1242          signal: "elm,action,unfocus";
1243          source: "elm";
1244          action: STATE_SET "default" 0.0;
1245          transition: DECELERATE 0.3;
1246          target: "focus_highlight";
1247       }
1248    }
1249 }
1250