themes/widgets/controlbar.edc

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