res/white_theme/edc/gl-gengrid-item-thumbview.edc

   1 /*
   2   * Copyright (c) 2012  Samsung Electronics Co., Ltd
   3   *
   4   * Licensed under the Flora License, Version 1.0 (the "License");
   5   * you may not use this file except in compliance with the License.
   6   * You may obtain a copy of the License at
   7   *
   8   *     http://floralicense.org/license/
   9   *
  10   * Unless required by applicable law or agreed to in writing, software
  11   * distributed under the License is distributed on an "AS IS" BASIS,
  12   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13   * See the License for the specific language governing permissions and
  14   * limitations under the License.
  15   */
  16
  17 /* Grid item background size W: 10+158+10; H: 24+158 */
  18 #define W               178
  19 #define H               193
  20 #define GAP_W           2
  21 #define GAP_H           18
  22
  23 /* Favourites icon boundary size */
  24 #define FAVOR_ICON_W         30
  25 #define FAVOR_ICON_H         30
  26
  27 group {
  28         name: "elm/gengrid/item/gallery/thumbnail_view/default";
  29
  30         data.item: "contents" "elm.swallow.icon elm.swallow.end";
  31
  32         parts {
  33                 part {
  34                         name: "bg";
  35                         type: RECT;
  36                         description {
  37                                 state: "default" 0.0;
  38                                 color: 0 0 0 0;
  39                                 rel1 { relative: 0.0 0.0; offset: 0 0;}
  40                                 rel2 { relative: 1.0 1.0; offset: 0 0;}
  41                         }
  42                 }
  43                 part {
  44                         name: "icon_bg";
  45                         type: RECT;
  46                         scale : 1;
  47                         description {
  48                                 state: "default" 0.0;
  49                                 align: 0.5 0.5;
  50                                 visible: 0;
  51                                 color: 0 0 0 0;
  52                                 rel1 { relative: 0.0 0.0;to:"bg"; }
  53                                 rel2 { relative: 1.0 1.0;to:"bg"; }
  54
  55                         }
  56                 }
  57
  58                 part {
  59                         name: "elm.swallow.icon";
  60                         type: SWALLOW;
  61                         mouse_events: 1;
  62                         description {
  63                                 state: "default" 0.0;
  64                                 color: 0 0 0 0;
  65                                 rel1 { relative: 0.0 0.0; to: "icon_bg"; }
  66                                 rel2 { relative: 1.0 1.0; to: "icon_bg"; }
  67                         }
  68                 }
  69                 part {
  70                         name: "elm.swallow.end";
  71                         type: SWALLOW;
  72                         description {
  73                                 state: "default" 0.0;
  74                                 rel1 { relative: 0.0 0.0; to: "elm.swallow.icon"; }
  75                                 rel2 { relative: 1.0 1.0; to: "elm.swallow.icon"; }
  76                         }
  77                 }
  78         }
  79
  80         programs {
  81                 program {
  82                         name: "movedonw_bg";
  83                         signal: "movedown,bg,show";
  84                         source: "bg";
  85                         action: STATE_SET "move_down" 0.0;
  86                         target: "bg";
  87                 }
  88         }
  89 }
  90
  91
  92
  93
  94 group
  95 {
  96         name: "elm/gengrid/photoframe/default_layout";
  97
  98         parts {
  99                 part {
 100                         name: "bg";
 101                         type: RECT;
 102                         description {
 103                                 state: "default" 0.0;
 104                                 rel1 { relative: 0.0 0.0;}
 105                                 rel2 { relative: 1.0 1.0;}
 106                                 color: 0 0 0 0;
 107                         }
 108                         description {
 109                                 state: "shrink" 0.0;
 110                                 rel1 { relative: 0.03 0.03;}
 111                                 rel2 { relative: 0.97 0.97;}
 112                                 color: 0 0 0 0;
 113                         }
 114                 }
 115                 part {
 116                         name: "elm.swallow.icon";
 117                         type: SWALLOW;
 118                         description {
 119                                 state: "default" 0.0;
 120                                 rel1 { relative: GAP_W/W (GAP_H+1)/H;}
 121                                 rel2 { relative: (W-GAP_W)/W 1;}
 122                         }
 123                 }
 124         }
 125
 126         programs {
 127                 program {
 128                         name: "mouse_down_shrink";
 129                         signal: "mouse,down,shrink";
 130                         source: "bg";
 131                         action: STATE_SET "shrink" 0.0;
 132                         target: "bg";
 133                         //after: "expand";
 134                         transition: LINEAR 0.1;
 135                 }
 136                 program {
 137                         name: "mouse_up_expand";
 138                         signal: "mouse,up,expand";
 139                         source: "bg";
 140                         action: STATE_SET "default" 0.0;
 141                         target: "bg";
 142                         transition: LINEAR 0.05;
 143                         after: "shrink,expand,done,icon";
 144                 }
 145
 146                 program {
 147                         name: "shrink";
 148                         signal: "shrink";
 149                         source: "bg";
 150                         action: STATE_SET "shrink" 0.0;
 151                         target: "bg";
 152                         after: "expand";
 153                         transition: LINEAR 0.1;
 154                 }
 155                 program {
 156                         name: "expand";
 157                         action: STATE_SET "default" 0.0;
 158                         target: "bg";
 159                         transition: LINEAR 0.05;
 160                         after: "shrink,expand,done,icon";
 161                 }
 162                 program {
 163                         name: "shrink,expand,done,icon";
 164                         action: SIGNAL_EMIT "shrink,expand,done" "bg";
 165                 }
 166         }
 167 }
 168
 169 group
 170 {
 171         name: "elm/gengrid/photoframe/default_layout_favor";
 172
 173          parts {
 174                 part {
 175                         name: "bg";
 176                         type: RECT;
 177                         description {
 178                                 state: "default" 0.0;
 179                                 rel1 { relative: 0.0 0.0;}
 180                                 rel2 { relative: 1.0 1.0;}
 181                                 color: 0 0 0 0;
 182                         }
 183                         description {
 184                                 state: "shrink" 0.0;
 185                                 rel1 { relative: 0.03 0.03;}
 186                                 rel2 { relative: 0.97 0.97;}
 187                                 color: 0 0 0 0;
 188                         }
 189                 }
 190                 part {
 191                         name: "elm.swallow.icon";
 192                         type: SWALLOW;
 193                         description {
 194                                 state: "default" 0.0;
 195                                 rel1 { relative: GAP_W/W (GAP_H+1)/H;}
 196                                 rel2 { relative: (W-GAP_W)/W 1;}
 197                         }
 198                 }
 199 #ifdef _USE_FAVOR_AND_BOOKMARK_ICON
 200                 part {
 201                         name: "elm.swallow.favoricon";
 202                         type: SWALLOW;
 203                         mouse_events: 0;
 204                         scale: 1;
 205                         description {
 206                                 state: "default" 0.0;
 207                                 align: 0.5 0.5;
 208                                 rel1 { relative: GAP_W/W (H-FAVOR_ICON_H+1)/H;}
 209                                 rel2 { relative: (FAVOR_ICON_W+GAP_W)/W 1;}
 210                         }
 211                 }
 212 #endif
 213         }
 214
 215         programs {
 216                 program {
 217                         name: "mouse_down_shrink";
 218                         signal: "mouse,down,shrink";
 219                         source: "bg";
 220                         action: STATE_SET "shrink" 0.0;
 221                         target: "bg";
 222                         //after: "expand";
 223                         transition: LINEAR 0.1;
 224                 }
 225                 program {
 226                         name: "mouse_up_expand";
 227                         signal: "mouse,up,expand";
 228                         source: "bg";
 229                         action: STATE_SET "default" 0.0;
 230                         target: "bg";
 231                         transition: LINEAR 0.05;
 232                         after: "shrink,expand,done,icon";
 233                 }
 234
 235                 program {
 236                         name: "shrink";
 237                         signal: "shrink";
 238                         source: "bg";
 239                         action: STATE_SET "shrink" 0.0;
 240                         target: "bg";
 241                         after: "expand";
 242                         transition: LINEAR 0.1;
 243                 }
 244                 program {
 245                         name: "expand";
 246                         action: STATE_SET "default" 0.0;
 247                         target: "bg";
 248                         transition: LINEAR 0.05;
 249                         after: "shrink,expand,done,icon";
 250                 }
 251                 program {
 252                         name: "shrink,expand,done,icon";
 253                         action: SIGNAL_EMIT "shrink,expand,done" "bg";
 254                 }
 255         }
 256 }
 257
 258 group
 259 {
 260         name: "elm/gengrid/photoframe/default_layout_video";
 261         images {
 262                 image: GALLERY_EDC_IMAGE_BUTTON_PLAY COMP;
 263         }
 264
 265                 parts {
 266                         part {
 267                         name: "bg";
 268                         type: RECT;
 269                         mouse_events: 1;
 270                         description {
 271                                 state: "default" 0.0;
 272                                 rel1 { relative: 0.0 0.0;}
 273                                 rel2 { relative: 1.0 1.0;}
 274                                 color: 0 0 0 0;
 275                         }
 276                         description {
 277                                 state: "shrink" 0.0;
 278                                 rel1 { relative: 0.03 0.03;}
 279                                 rel2 { relative: 0.97 0.97;}
 280                                 color: 0 0 0 0;
 281                         }
 282                 }
 283                 part {
 284                         name: "elm.swallow.icon";
 285                         type: SWALLOW;
 286                         description {
 287                                 state: "default" 0.0;
 288                                 rel1 { relative: GAP_W/W (GAP_H+1)/H;}
 289                                 rel2 { relative: (W-GAP_W)/W 1;}
 290                         }
 291                 }
 292                 part {
 293                         name: "elm.videoicon_bg";
 294                         type: RECT;
 295                         mouse_events: 0;
 296                         scale : 1;
 297                         description {
 298                                 state: "default" 0.0;
 299                                 color: 0 0 0 130;
 300                                 align: 1.0 0.0;
 301                                 rel1 { relative: GAP_W/W (H-FAVOR_ICON_H+1)/H;}
 302                                 rel2 { relative: (FAVOR_ICON_W+GAP_W)/W 1;}
 303                         }
 304                 }
 305                 part {
 306                         name: "elm.text.bg";
 307                         type: RECT;
 308                         mouse_events: 0;
 309                         scale : 1;
 310                         description {
 311                                 state: "default" 0.0;
 312                                 color: 0 0 0 130;
 313                                 align: 0.0 1.0;
 314                                 rel1 { relative: 1 0; to: "elm.videoicon_bg";}
 315                                 rel2 { relative: (W-GAP_W)/W 1; to_y: "elm.videoicon_bg";}
 316                         }
 317                 }
 318                 part {
 319                         name: "elm.swallow.videoicon";
 320                         type: IMAGE;
 321                         mouse_events: 0;
 322                         repeat_events: 0;
 323                         scale: 1;
 324                         description {
 325                                 state: "default" 0.0;
 326                                 align: 0.5 0.5;
 327                                 aspect: 1.0 1.0;
 328                                 rel1 { relative: 0 0; to: "elm.videoicon_bg";}
 329                                 rel2 { relative: 1 1; to: "elm.videoicon_bg";}
 330                                 image.normal: GALLERY_EDC_IMAGE_BUTTON_PLAY;
 331                         }
 332                 }
 333                 part {
 334                         name: "elm.text";
 335                         type: TEXT;
 336                         mouse_events: 1;
 337                         repeat_events: 1;
 338                         scale: 1;
 339                         description {
 340                                 state: "default" 0.0;
 341                                 align: 0.0 1.0;
 342                                 rel1 { relative: 0.0  0.0; to: "elm.text.bg"; }
 343                                 rel2 { relative: 1.0  1.0; to: "elm.text.bg"; }
 344                                 color: 255 255 255 255;
 345                                 text {
 346                                         font: "SLP:style=Bold";
 347                                         text_class: "slp";
 348                                         size: 26;
 349                                         align: 0.9 0.5;
 350                                 }
 351                         }
 352                 }
 353         }
 354         programs {
 355                 program {
 356                         name: "mouse_down_shrink";
 357                         signal: "mouse,down,shrink";
 358                         source: "bg";
 359                         action: STATE_SET "shrink" 0.0;
 360                         target: "bg";
 361                         //after: "expand";
 362                         transition: LINEAR 0.1;
 363                 }
 364                 program {
 365                         name: "mouse_up_expand";
 366                         signal: "mouse,up,expand";
 367                         source: "bg";
 368                         action: STATE_SET "default" 0.0;
 369                         target: "bg";
 370                         transition: LINEAR 0.05;
 371                         after: "shrink,expand,done,icon";
 372                 }
 373
 374                 program {
 375                         name: "shrink";
 376                         signal: "shrink";
 377                         source: "bg";
 378                         action: STATE_SET "shrink" 0.0;
 379                         target: "bg";
 380                         after: "expand";
 381                         transition: LINEAR 0.1;
 382                 }
 383                 program {
 384                         name: "expand";
 385                         action: STATE_SET "default" 0.0;
 386                         target: "bg";
 387                         transition: LINEAR 0.05;
 388                         after: "shrink,expand,done,icon";
 389                 }
 390                 program {
 391                         name: "shrink,expand,done,icon";
 392                         action: SIGNAL_EMIT "shrink,expand,done" "bg";
 393                 }
 394         }
 395 }
 396
 397 group
 398 {
 399         name: "elm/gengrid/photoframe/default_layout_video_favor";
 400         images {
 401                 image: GALLERY_EDC_IMAGE_BUTTON_PLAY COMP;
 402         }
 403
 404         parts {
 405                 part {
 406                         name: "bg";
 407                         type: RECT;
 408                         mouse_events: 1;
 409                         description {
 410                                 state: "default" 0.0;
 411                                 rel1 { relative: 0.0 0.0;}
 412                                 rel2 { relative: 1.0 1.0;}
 413                                 color: 0 0 0 0;
 414                         }
 415                         description {
 416                                 state: "shrink" 0.0;
 417                                 rel1 { relative: 0.03 0.03;}
 418                                 rel2 { relative: 0.97 0.97;}
 419                                 color: 0 0 0 0;
 420                         }
 421                 }
 422                 part {
 423                         name: "elm.swallow.icon";
 424                         type: SWALLOW;
 425                         description {
 426                                 state: "default" 0.0;
 427                                 rel1 { relative: GAP_W/W (GAP_H+1)/H;}
 428                                 rel2 { relative: (W-GAP_W)/W 1;}
 429                         }
 430                 }
 431                 part {
 432                         name: "elm.videoicon_bg";
 433                         type: RECT;
 434                         mouse_events: 0;
 435                         scale : 1;
 436                         description {
 437                                 state: "default" 0.0;
 438                                 color: 0 0 0 130;
 439                                 align: 1.0 0.0;
 440                                 rel1 { relative: GAP_W/W (H-FAVOR_ICON_H+1)/H;}
 441                                 rel2 { relative: (FAVOR_ICON_W+GAP_W)/W 1;}
 442                         }
 443                 }
 444 #ifdef _USE_FAVOR_AND_BOOKMARK_ICON
 445                 part {
 446                         name: "favoricon_bg";
 447                         type: RECT;
 448                         scale: 1;
 449                         description {
 450                                 state: "default" 0.0;
 451                                 color: 0 0 0 130;
 452                                 align: 1.0 0.0;
 453                                 rel1 { relative: 1 0; to: "elm.videoicon_bg";}
 454                                 rel2 { relative: (FAVOR_ICON_W*2+GAP_W)/W 1; to_y: "elm.videoicon_bg";}
 455                         }
 456                 }
 457 #endif
 458                 part {
 459                         name: "elm.text.bg";
 460                         type: RECT;
 461                         mouse_events: 0;
 462                         scale : 1;
 463                         description {
 464                                 state: "default" 0.0;
 465                                 color: 0 0 0 130;
 466                                 align: 0.0 1.0;
 467 #ifdef _USE_FAVOR_AND_BOOKMARK_ICON
 468                                 rel1 { relative: 1 0; to: "favoricon_bg";}
 469 #else
 470                                 rel1 { relative: 1 0; to: "elm.videoicon_bg";}
 471 #endif
 472                                 rel2 { relative: (W-GAP_W)/W 1; to_y: "elm.videoicon_bg";}
 473                         }
 474                 }
 475                 part {
 476                         name: "elm.swallow.videoicon";
 477                         type: IMAGE;
 478                         mouse_events: 0;
 479                         repeat_events: 0;
 480                         scale: 1;
 481                         description {
 482                                 state: "default" 0.0;
 483                                 align: 0.5 0.5;
 484                                 aspect: 1.0 1.0;
 485                                 rel1 { relative: 0 0; to: "elm.videoicon_bg";}
 486                                 rel2 { relative: 1 1; to: "elm.videoicon_bg";}
 487                                 image.normal: GALLERY_EDC_IMAGE_BUTTON_PLAY;
 488                         }
 489                 }
 490                 part {
 491                         name: "elm.text";
 492                         type: TEXT;
 493                         mouse_events: 1;
 494                         repeat_events: 1;
 495                         scale: 1;
 496                         description {
 497                                 state: "default" 0.0;
 498                                 align: 0.0 1.0;
 499                                 rel1 { relative: 0.0  0.0; to: "elm.text.bg"; }
 500                                 rel2 { relative: 1.0  1.0; to: "elm.text.bg"; }
 501                                 color: 255 255 255 255;
 502                                 text {
 503                                         font: "SLP:style=Bold";
 504                                         text_class: "slp";
 505                                         size: 26;
 506                                         align: 0.9 0.5;
 507                                 }
 508                         }
 509                 }
 510 #ifdef _USE_FAVOR_AND_BOOKMARK_ICON
 511                 part {
 512                         name: "elm.swallow.favoricon";
 513                         type: SWALLOW;
 514                         scale: 1;
 515                         description {
 516                                 state: "default" 0.0;
 517                                 align: 0.5 0.5;
 518                                 rel1 { relative: 0.0 0.0; to: "favoricon_bg"; }
 519                                 rel2 { relative: 1.0 1.0; to: "favoricon_bg"; }
 520                         }
 521                 }
 522 #endif
 523         }
 524         programs {
 525                 program {
 526                         name: "mouse_down_shrink";
 527                         signal: "mouse,down,shrink";
 528                         source: "bg";
 529                         action: STATE_SET "shrink" 0.0;
 530                         target: "bg";
 531                         //after: "expand";
 532                         transition: LINEAR 0.1;
 533                 }
 534                 program {
 535                         name: "mouse_up_expand";
 536                         signal: "mouse,up,expand";
 537                         source: "bg";
 538                         action: STATE_SET "default" 0.0;
 539                         target: "bg";
 540                         transition: LINEAR 0.05;
 541                         after: "shrink,expand,done,icon";
 542                 }
 543
 544                 program {
 545                         name: "shrink";
 546                         signal: "shrink";
 547                         source: "bg";
 548                         action: STATE_SET "shrink" 0.0;
 549                         target: "bg";
 550                         after: "expand";
 551                         transition: LINEAR 0.1;
 552                 }
 553                 program {
 554                         name: "expand";
 555                         action: STATE_SET "default" 0.0;
 556                         target: "bg";
 557                         transition: LINEAR 0.05;
 558                         after: "shrink,expand,done,icon";
 559                 }
 560                 program {
 561                         name: "shrink,expand,done,icon";
 562                         action: SIGNAL_EMIT "shrink,expand,done" "bg";
 563                 }
 564         }
 565 }
 566
 567 group
 568 {
 569         name: "elm/gengrid/photoframe/default_layout_video_bookmark";
 570         images {
 571                 image: GALLERY_EDC_IMAGE_BUTTON_PLAY COMP;
 572         }
 573
 574         parts {
 575                 part {
 576                         name: "bg";
 577                         type: RECT;
 578                         mouse_events: 1;
 579                         description {
 580                                 state: "default" 0.0;
 581                                 rel1 { relative: 0.0 0.0;}
 582                                 rel2 { relative: 1.0 1.0;}
 583                                 color: 0 0 0 0;
 584                         }
 585                         description {
 586                                 state: "shrink" 0.0;
 587                                 rel1 { relative: 0.03 0.03;}
 588                                 rel2 { relative: 0.97 0.97;}
 589                                 color: 0 0 0 0;
 590                         }
 591                 }
 592                 part {
 593                         name: "elm.swallow.icon";
 594                         type: SWALLOW;
 595                         description {
 596                                 state: "default" 0.0;
 597                                 rel1 { relative: GAP_W/W (GAP_H+1)/H;}
 598                                 rel2 { relative: (W-GAP_W)/W 1;}
 599                         }
 600                 }
 601                 part {
 602                         name: "elm.videoicon_bg";
 603                         type: RECT;
 604                         mouse_events: 0;
 605                         scale : 1;
 606                         description {
 607                                 state: "default" 0.0;
 608                                 color: 0 0 0 130;
 609                                 align: 1.0 0.0;
 610                                 rel1 { relative: GAP_W/W (H-FAVOR_ICON_H+1)/H;}
 611                                 rel2 { relative: (FAVOR_ICON_W+GAP_W)/W 1;}
 612                         }
 613                 }
 614 #ifdef _USE_FAVOR_AND_BOOKMARK_ICON
 615                 part {
 616                         name: "bookmarkicon_bg";
 617                         type: RECT;
 618                         scale: 1;
 619                         description {
 620                                 state: "default" 0.0;
 621                                 color: 0 0 0 130;
 622                                 align: 1.0 0.0;
 623                                 rel1 { relative: 1 0; to: "elm.videoicon_bg";}
 624                                 rel2 { relative: (FAVOR_ICON_W*2+GAP_W)/W 1; to_y: "elm.videoicon_bg";}
 625                         }
 626                 }
 627 #endif
 628                 part {
 629                         name: "elm.text.bg";
 630                         type: RECT;
 631                         mouse_events: 0;
 632                         scale : 1;
 633                         description {
 634                                 state: "default" 0.0;
 635                                 color: 0 0 0 130;
 636                                 align: 0.0 1.0;
 637 #ifdef _USE_FAVOR_AND_BOOKMARK_ICON
 638                                 rel1 { relative: 1 0; to: "bookmarkicon_bg";}
 639 #else
 640                                 rel1 { relative: 1 0; to: "elm.videoicon_bg";}
 641 #endif
 642                                 rel2 { relative: (W-GAP_W)/W 1; to_y: "elm.videoicon_bg";}
 643                         }
 644                 }
 645                 part {
 646                         name: "elm.swallow.videoicon";
 647                         type: IMAGE;
 648                         mouse_events: 0;
 649                         repeat_events: 0;
 650                         scale: 1;
 651                         description {
 652                                 state: "default" 0.0;
 653                                 align: 0.5 0.5;
 654                                 aspect: 1.0 1.0;
 655                                 rel1 { relative: 0 0; to: "elm.videoicon_bg";}
 656                                 rel2 { relative: 1 1; to: "elm.videoicon_bg";}
 657                                 image.normal: GALLERY_EDC_IMAGE_BUTTON_PLAY;
 658                         }
 659                 }
 660                 part {
 661                         name: "elm.text";
 662                         type: TEXT;
 663                         mouse_events: 1;
 664                         repeat_events: 1;
 665                         scale: 1;
 666                         description {
 667                                 state: "default" 0.0;
 668                                 align: 0.0 1.0;
 669                                 rel1 { relative: 0.0  0.0; to: "elm.text.bg"; }
 670                                 rel2 { relative: 1.0  1.0; to: "elm.text.bg"; }
 671                                 color: 255 255 255 255;
 672                                 text {
 673                                         font: "SLP:style=Bold";
 674                                         text_class: "slp";
 675                                         size: 26;
 676                                         align: 0.9 0.5;
 677                                 }
 678                         }
 679                 }
 680 #ifdef _USE_FAVOR_AND_BOOKMARK_ICON
 681                 part {
 682                         name: "elm.swallow.bookmarkicon";
 683                         type: SWALLOW;
 684                         scale: 1;
 685                         description {
 686                                 state: "default" 0.0;
 687                                 align: 0.5 0.5;
 688                                 visible: 1;
 689                                 rel1 { relative: 0.0 0.0; to: "bookmarkicon_bg"; }
 690                                 rel2 { relative: 1.0 1.0; to: "bookmarkicon_bg"; }
 691                         }
 692                 }
 693 #endif
 694         }
 695         programs {
 696                 program {
 697                         name: "mouse_down_shrink";
 698                         signal: "mouse,down,shrink";
 699                         source: "bg";
 700                         action: STATE_SET "shrink" 0.0;
 701                         target: "bg";
 702                         //after: "expand";
 703                         transition: LINEAR 0.1;
 704                 }
 705                 program {
 706                         name: "mouse_up_expand";
 707                         signal: "mouse,up,expand";
 708                         source: "bg";
 709                         action: STATE_SET "default" 0.0;
 710                         target: "bg";
 711                         transition: LINEAR 0.05;
 712                         after: "shrink,expand,done,icon";
 713                 }
 714
 715                 program {
 716                         name: "shrink";
 717                         signal: "shrink";
 718                         source: "bg";
 719                         action: STATE_SET "shrink" 0.0;
 720                         target: "bg";
 721                         after: "expand";
 722                         transition: LINEAR 0.1;
 723                 }
 724                 program {
 725                         name: "expand";
 726                         action: STATE_SET "default" 0.0;
 727                         target: "bg";
 728                         transition: LINEAR 0.05;
 729                         after: "shrink,expand,done,icon";
 730                 }
 731                 program {
 732                         name: "shrink,expand,done,icon";
 733                         action: SIGNAL_EMIT "shrink,expand,done" "bg";
 734                 }
 735         }
 736 }
 737
 738 group
 739 {
 740         name: "elm/gengrid/photoframe/default_layout_video_favor_bookmark";
 741         images {
 742                 image: GALLERY_EDC_IMAGE_BUTTON_PLAY COMP;
 743         }
 744
 745         parts {
 746                 part {
 747                         name: "bg";
 748                         type: RECT;
 749                         mouse_events: 1;
 750                         description {
 751                                 state: "default" 0.0;
 752                                 rel1 { relative: 0.0 0.0;}
 753                                 rel2 { relative: 1.0 1.0;}
 754                                 color: 0 0 0 0;
 755                         }
 756                         description {
 757                                 state: "shrink" 0.0;
 758                                 rel1 { relative: 0.03 0.03;}
 759                                 rel2 { relative: 0.97 0.97;}
 760                                 color: 0 0 0 0;
 761                         }
 762                 }
 763                 part {
 764                         name: "elm.swallow.icon";
 765                         type: SWALLOW;
 766                         description {
 767                                 state: "default" 0.0;
 768                                 rel1 { relative: GAP_W/W (GAP_H+1)/H;}
 769                                 rel2 { relative: (W-GAP_W)/W 1;}
 770                         }
 771                 }
 772                 part {
 773                         name: "elm.videoicon_bg";
 774                         type: RECT;
 775                         mouse_events: 0;
 776                         scale : 1;
 777                         description {
 778                                 state: "default" 0.0;
 779                                 color: 0 0 0 130;
 780                                 align: 1.0 0.0;
 781                                 rel1 { relative: GAP_W/W (H-FAVOR_ICON_H+1)/H;}
 782                                 rel2 { relative: (FAVOR_ICON_W+GAP_W)/W 1;}
 783                         }
 784                 }
 785 #ifdef _USE_FAVOR_AND_BOOKMARK_ICON
 786                 part {
 787                         name: "favoricon_bg";
 788                         type: RECT;
 789                         scale: 1;
 790                         description {
 791                                 state: "default" 0.0;
 792                                 color: 0 0 0 130;
 793                                 align: 1.0 0.0;
 794                                 rel1 { relative: 1 0; to: "elm.videoicon_bg";}
 795                                 rel2 { relative: (FAVOR_ICON_W*2+GAP_W)/W 1; to_y: "elm.videoicon_bg";}
 796                         }
 797                 }
 798                 part {
 799                         name: "bookmarkicon_bg";
 800                         type: RECT;
 801                         scale: 1;
 802                         description {
 803                                 state: "default" 0.0;
 804                                 color: 0 0 0 130;
 805                                 align: 1.0 0.0;
 806                                 rel1 { relative: 1 0; to: "favoricon_bg";}
 807                                 rel2 { relative: (FAVOR_ICON_W*3+GAP_W)/W 1; to_y: "elm.videoicon_bg";}
 808                         }
 809 #endif
 810                 part {
 811                         name: "elm.text.bg";
 812                         type: RECT;
 813                         mouse_events: 0;
 814                         scale : 1;
 815                         description {
 816                                 state: "default" 0.0;
 817                                 color: 0 0 0 130;
 818                                 align: 0.0 1.0;
 819 #ifdef _USE_FAVOR_AND_BOOKMARK_ICON
 820                                 rel1 { relative: 1 0; to: "bookmarkicon_bg";}
 821 #else
 822                                 rel1 { relative: 1 0; to: "elm.videoicon_bg";}
 823 #endif
 824                                 rel2 { relative: (W-GAP_W)/W 1; to_y: "elm.videoicon_bg";}
 825                         }
 826                 }
 827                 part {
 828                         name: "elm.swallow.videoicon";
 829                         type: IMAGE;
 830                         mouse_events: 0;
 831                         repeat_events: 0;
 832                         scale: 1;
 833                         description {
 834                                 state: "default" 0.0;
 835                                 align: 0.5 0.5;
 836                                 aspect: 1.0 1.0;
 837                                 rel1 { relative: 0 0; to: "elm.videoicon_bg";}
 838                                 rel2 { relative: 1 1; to: "elm.videoicon_bg";}
 839                                 image.normal: GALLERY_EDC_IMAGE_BUTTON_PLAY;
 840                         }
 841                 }
 842                 part {
 843                         name: "elm.text";
 844                         type: TEXT;
 845                         mouse_events: 1;
 846                         repeat_events: 1;
 847                         scale: 1;
 848                         description {
 849                                 state: "default" 0.0;
 850                                 align: 0.0 1.0;
 851                                 rel1 { relative: 0.0  0.0; to: "elm.text.bg"; }
 852                                 rel2 { relative: 1.0  1.0; to: "elm.text.bg"; }
 853                                 color: 255 255 255 255;
 854                                 text {
 855                                         font: "SLP:style=Bold";
 856                                         text_class: "slp";
 857                                         size: 26;
 858                                         align: 0.9 0.5;
 859                                 }
 860                         }
 861                 }
 862 #ifdef _USE_FAVOR_AND_BOOKMARK_ICON
 863                 part {
 864                         name: "elm.swallow.favoricon";
 865                         type: SWALLOW;
 866                         scale: 1;
 867                         description {
 868                                 state: "default" 0.0;
 869                                 align: 0.5 0.5;
 870                                 rel1 { relative: 0.0 0.0; to: "favoricon_bg"; }
 871                                 rel2 { relative: 1.0 1.0; to: "favoricon_bg"; }
 872                         }
 873                 }
 874                 part {
 875                         name: "elm.swallow.bookmarkicon";
 876                         type: SWALLOW;
 877                         scale: 1;
 878                         description {
 879                                 state: "default" 0.0;
 880                                 align: 0.5 0.5;
 881                                 visible: 1;
 882                                 rel1 { relative: 0.0 0.0; to: "bookmarkicon_bg"; }
 883                                 rel2 { relative: 1.0 1.0; to: "bookmarkicon_bg"; }
 884                         }
 885                 }
 886 #endif
 887         }
 888         programs {
 889                 program {
 890                         name: "mouse_down_shrink";
 891                         signal: "mouse,down,shrink";
 892                         source: "bg";
 893                         action: STATE_SET "shrink" 0.0;
 894                         target: "bg";
 895                         //after: "expand";
 896                         transition: LINEAR 0.1;
 897                 }
 898                 program {
 899                         name: "mouse_up_expand";
 900                         signal: "mouse,up,expand";
 901                         source: "bg";
 902                         action: STATE_SET "default" 0.0;
 903                         target: "bg";
 904                         transition: LINEAR 0.05;
 905                         after: "shrink,expand,done,icon";
 906                 }
 907
 908                 program {
 909                         name: "shrink";
 910                         signal: "shrink";
 911                         source: "bg";
 912                         action: STATE_SET "shrink" 0.0;
 913                         target: "bg";
 914                         after: "expand";
 915                         transition: LINEAR 0.1;
 916                 }
 917                 program {
 918                         name: "expand";
 919                         action: STATE_SET "default" 0.0;
 920                         target: "bg";
 921                         transition: LINEAR 0.05;
 922                         after: "shrink,expand,done,icon";
 923                 }
 924                 program {
 925                         name: "shrink,expand,done,icon";
 926                         action: SIGNAL_EMIT "shrink,expand,done" "bg";
 927                 }
 928         }
 929 }
 930
 931 /*106+2*/
 932 #define ZOOMED_W               108
 933 /*106+10*/
 934 #define ZOOMED_H               116
 935
 936 #define ZOOMED_GAP_H           10
 937 #define ZOOMED_GAP_W           2
 938
 939 group
 940 {
 941     name: "elm/gengrid/photoframe/zoomed_default_layout";
 942
 943     parts {
 944         part {
 945                         name: "bg";
 946                         type: RECT;
 947                         description {
 948                                 state: "default" 0.0;
 949                                 rel1 { relative: 0.0 0.0;}
 950                                 rel2 { relative: 1.0 1.0;}
 951                                 color: 0 0 0 0;
 952                         }
 953                         description {
 954                                 state: "shrink" 0.0;
 955                                 rel1 { relative: 0.03 0.03;}
 956                                 rel2 { relative: 0.97 0.97;}
 957                                 color: 0 0 0 0;
 958                         }
 959         }
 960
 961                 part {
 962                         name: "elm.swallow.icon";
 963                         type: SWALLOW;
 964                         description {
 965                                 state: "default" 0.0;
 966                                 rel1 { relative: 0 0;}
 967                                 rel2 { relative: (ZOOMED_W-ZOOMED_GAP_W)/ZOOMED_W (ZOOMED_H-ZOOMED_GAP_H)/ZOOMED_H;}
 968                         }
 969         }
 970     }
 971
 972         programs {
 973
 974                 program {
 975                         name: "mouse_down_shrink";
 976                         signal: "mouse,down,shrink";
 977                         source: "bg";
 978                         action: STATE_SET "shrink" 0.0;
 979                         target: "bg";
 980                         transition: LINEAR 0.1;
 981                 }
 982                 program {
 983                         name: "mouse_up_expand";
 984                         signal: "mouse,up,expand";
 985                         source: "bg";
 986                         action: STATE_SET "default" 0.0;
 987                         target: "bg";
 988                         transition: LINEAR 0.05;
 989                         after: "shrink,expand,done,icon";
 990                 }
 991
 992                 program {
 993                         name: "shrink";
 994                         signal: "shrink";
 995                         source: "bg";
 996                         action: STATE_SET "shrink" 0.0;
 997                         target: "bg";
 998                         after: "expand";
 999                         transition: LINEAR 0.1;
1000                 }
1001                 program {
1002                         name: "expand";
1003                         action: STATE_SET "default" 0.0;
1004                         target: "bg";
1005                         transition: LINEAR 0.05;
1006                         after: "shrink,expand,done,icon";
1007                 }
1008                 program {
1009                         name: "shrink,expand,done,icon";
1010                         action: SIGNAL_EMIT "shrink,expand,done" "bg";
1011                 }
1012         }
1013 }
1014