data/themes/edc/ibar-ibox.edc

   1 group { name: "e/modules/ibar/separator/default";
   2    images.image: "bevel_dark_in.png" COMP;
   3    parts {
   4       part { name: "base";
   5          description { state: "default" 0.0;
   6             min: 2 2;
   7             max: 2 99999;
   8             rel1.offset: 4 4;
   9             rel2.offset: -5 -5;
  10             image.normal: "bevel_dark_in.png";
  11             image.border: 2 2 2 2;
  12             fill.smooth: 0;
  13          }
  14       }
  15    }
  16 }
  17
  18 group { name: "e/modules/ibar/separator/horizontal";
  19    inherit: "e/modules/ibar/separator/default";
  20    parts {
  21       part { name: "base";
  22          description { state: "default" 0.0;
  23             max: 99999 2;
  24          }
  25       }
  26    }
  27 }
  28
  29 group { name: "e/modules/ibox/icon";
  30    alias: "e/modules/ibar/icon";
  31    // 1 or 0 if u want an icon holder to raise when the mouse (or keyboard) hilights it
  32    data.item: "raise_on_hilight" "0";
  33 //   data.item: "item_list" "item item2 item3";
  34    images.image: "led_tiny_blue.png" COMP;
  35    parts {
  36       part { name: "item_clip"; type: RECT;
  37          description { state: "default" 0.0;
  38             rel1.offset: -100 -100;
  39             rel2.offset: 99 99;
  40             color: 255 255 255 255;
  41          }
  42          description { state: "disabled" 0.0;
  43             inherit: "default" 0.0;
  44             color: 255 255 255 64;
  45          }
  46       }
  47       part { name: "e.swallow.content"; type: SWALLOW;
  48          clip_to: "item_clip";
  49          description { state: "default" 0.0;
  50             rel1.offset: 3 3;
  51             rel2.offset: -4 -4;
  52          }
  53          description { state: "bounce1" 0.0;
  54             inherit: "default" 0.0;
  55             rel1.relative: 0.0 0.15;
  56             rel2.relative: 1.0 1.15;
  57          }
  58          description { state: "bounce2" 0.0;
  59             inherit: "default" 0.0;
  60             rel1.relative: 0.0 -0.15;
  61             rel2.relative: 1.0 0.85;
  62          }
  63       }
  64       part { name: "indicator";
  65          description { state: "default";
  66             min: 10 10;
  67             max: 10 10;
  68             rel1.relative: 1.0 1.0;
  69             rel1.offset: -5 -5;
  70             rel2.relative: 1.0 1.0;
  71             rel2.offset: -4 -4;
  72             image.normal: "led_tiny_blue.png";
  73             color: 255 255 255 0;
  74             visible: 0;
  75          }
  76          description { state: "visible" 0.0;
  77             inherit: "default" 0.0;
  78             color: 255 255 255 255;
  79             visible: 1;
  80          }
  81       }
  82       part { name: "over"; type: RECT;
  83          description { state: "default" 0.0;
  84             color: 0 0 0 0;
  85          }
  86       }
  87    }
  88    programs {
  89 //      program {
  90 //         signal: "e,action,exec"; source: "e";
  91 //      }
  92 //      program {
  93 //         signal: "e,action,start"; source: "e";
  94 //      }
  95 //      program { name: "go_active";
  96 //         signal: "e,state,focused"; source: "e";
  97 //      }
  98 //      program { name: "go_passive";
  99 //         signal: "e,state,unfocused"; source: "e";
 100 //      }
 101 //      program {
 102 //         signal: "e,action,show,label"; source: "e";
 103 //      }
 104 //      program {
 105 //         signal: "e,action,hide,label"; source: "e";
 106 //      }
 107       program {
 108          signal: "e,state,starting"; source: "e";
 109          action: STATE_SET "disabled" 0.0;
 110          target: "item_clip";
 111       }
 112       program {
 113          signal: "e,state,started"; source: "e";
 114          action: STATE_SET "default" 0.0;
 115          target: "item_clip";
 116       }
 117       program { name: "ion";
 118          signal: "e,state,on"; source: "e";
 119          action: STATE_SET "visible" 0.0;
 120          target: "indicator";
 121          transition: ACCELERATE 0.1;
 122       }
 123       program { name: "ioff";
 124          signal: "e,state,off"; source: "e";
 125          action: STATE_SET "default" 0.0;
 126          target: "indicator";
 127          transition: DECELERATE 0.1;
 128       }
 129       program {
 130          signal: "e,state,on"; source: "e";
 131          action: STATE_SET "visible" 0.0;
 132          target: "indicator";
 133          transition: ACCELERATE 0.2;
 134       }
 135       program {
 136          signal: "e,state,off"; source: "e";
 137          action: STATE_SET "default" 0.0;
 138          target: "indicator";
 139          transition: DECELERATE 0.8;
 140       }
 141       program {
 142          signal: "e,state,urgent"; source: "e";
 143          action: STATE_SET "bounce1" 0.0;
 144          target: "e.swallow.content";
 145          after: "urg1";
 146       }
 147       program { name: "urg1";
 148          action: STATE_SET "bounce2" 0.0;
 149          transition: DECELERATE 0.2;
 150          target: "e.swallow.content";
 151          after: "urg2";
 152       }
 153       program { name: "urg2";
 154          action: STATE_SET "bounce1" 0.0;
 155          transition: ACCELERATE 0.2;
 156          target: "e.swallow.content";
 157          after: "urg1";
 158       }
 159       program {
 160          signal: "e,state,not_urgent"; source: "e";
 161          action: STATE_SET "default" 0.0;
 162          target: "e.swallow.content";
 163       }
 164    }
 165 }
 166
 167 group { name: "e/modules/ibar/menu";
 168    images.image: "darken_rounded_square.png" COMP;
 169    parts {
 170       part { name: "sizer"; type: SPACER;
 171          description { state: "default"; }
 172          description { state: "hidden";
 173             rel1.relative: 0.5 1.0;
 174             rel2.relative: 0.5 1.0;
 175             minmul: 0 0;
 176          }
 177       }
 178       part { name: "clip"; type: RECT;
 179          description { state: "default";
 180             rel1.offset: -9999 -9999;
 181             rel2.offset: 9999 9999;
 182          }
 183          description { state: "hidden";
 184             inherit: "default";
 185             color: 0 0 0 0;
 186          }
 187       }
 188       part { name: "base"; mouse_events: 0;
 189          clip_to: "clip";
 190          description { state: "default" 0.0;
 191             rel1.to: "sizer";
 192             rel2.to: "sizer";
 193             image.normal: "darken_rounded_square.png";
 194             image.border: 15 15 15 15;
 195          }
 196       }
 197       part { name: "e.box"; type: BOX;
 198          clip_to: "clip";
 199          description { state: "default";
 200             rel1.to: "sizer";
 201             rel1.offset: 12 12;
 202             rel2.to: "sizer";
 203             rel2.offset: -13 -13;
 204             box { layout: "vertical";
 205                padding: 0 0;
 206                align: 0.5 0.5;
 207                min: 1 1;
 208             }
 209          }
 210       }
 211    }
 212    programs {
 213       program { signal: "e,state,hidden"; source: "e";
 214          action: STATE_SET "hidden" 0.0;
 215          target: "sizer";
 216          target: "clip";
 217       }
 218
 219       program { signal: "e,action,show"; source: "e";
 220          action: STATE_SET "default" 0.0;
 221          target: "sizer";
 222          target: "clip";
 223          transition: SINUSOIDAL 0.2;
 224          after: "show2";
 225       }
 226       program { name: "show2";
 227          action: SIGNAL_EMIT "e,action,show,done" "";
 228       }
 229
 230       program { signal: "e,action,hide"; source: "e";
 231          action: STATE_SET "hidden" 0.0;
 232          target: "sizer";
 233          target: "clip";
 234          transition: SINUSOIDAL 0.2;
 235          after: "hide2";
 236       }
 237       program { name: "hide2";
 238          action: SIGNAL_EMIT "e,action,hide,done" "";
 239       }
 240    }
 241 }
 242
 243 group { name: "e/modules/ibar/menu/item";
 244    images.image: "glow_small.png" COMP;
 245    images.image: "win_shadow.png" COMP;
 246    parts {
 247       part { name: "icon"; type: SPACER;
 248          description { state: "default";
 249             rel1.offset: 2 2;
 250             rel2.offset: 2 -3;
 251             align: 0.0 0.5;
 252             aspect: 1.0 1.0; aspect_preference: BOTH;
 253             min: 48 48;
 254             max: 48 48;
 255          }
 256       }
 257       part { name: "shadow"; mouse_events: 0;
 258          description { state: "default" 0.0;
 259             image.normal: "win_shadow.png";
 260             image.border: 14 14 14 14;
 261             image.middle: 0;
 262             rel1.to: "e.swallow.icon";
 263             rel1.offset: -7 -3;
 264             rel2.to: "e.swallow.icon";
 265             rel2.offset: 6 11;
 266             fill.smooth: 0;
 267          }
 268       }
 269       part { name: "glow"; mouse_events: 0;
 270          description { state: "default" 0.0;
 271             rel1.to: "e.swallow.icon";
 272             rel2.to: "e.swallow.icon";
 273             image.normal: "glow_small.png";
 274             image.border: 7 7 7 7;
 275             fill.smooth: 0;
 276             color: 255 255 255 0;
 277             visible: 0;
 278          }
 279          description { state: "focus" 0.0;
 280             inherit: "default" 0.0;
 281             rel1.offset: -4 -4;
 282             rel2.offset: 3 3;
 283             color: 255 255 255 255;
 284             visible: 1;
 285          }
 286       }
 287       part { name: "e.swallow.icon"; type: SWALLOW; mouse_events: 0;
 288          clip_to: "icon_clip";
 289          description { state: "default";
 290             rel1.to: "icon";
 291             rel2.to: "icon";
 292          }
 293          description { state: "focus";
 294             inherit: "default";
 295             rel1.offset: -4 -4;
 296             rel2.offset: 3 3;
 297          }
 298       }
 299       part { name: "e.text.title"; type: TEXT; mouse_events: 0;
 300          effect: SHADOW BOTTOM;
 301          scale: 1;
 302          description { state: "default" 0.0;
 303             rel1.to_x: "icon";
 304             rel1.relative: 1.0 0.0;
 305             rel1.offset: 3 0;
 306             rel2.offset: -3 -3;
 307             color: 255 255 255 255;
 308             color3: 0 0 0 128;
 309             align: 0.0 0.0;
 310             color_class: "menu_item";
 311             min: 128 0;
 312             text { font: FNBD; size: 10;
 313                text: "window name thingy";
 314                min: 0 1;
 315                align: 0.0 0.5;
 316                text_class: "menu_item";
 317             }
 318          }
 319          description { state: "focus";
 320             inherit: "default";
 321             visible: 0;
 322          }
 323       }
 324       part { name: "title2"; type: TEXT; mouse_events: 0;
 325          effect: GLOW;
 326          scale: 1;
 327          description { state: "default" 0.0;
 328             rel1.offset: -2 -3;
 329             rel1.to: "e.text.title";
 330             rel2.offset: 2 1;
 331             rel2.to: "e.text.title";
 332             color: 51 153 255 255;
 333             color2: 51 153 255 24;
 334             color3: 51 153 255 18;
 335             color_class: "menu_item_active";
 336             min: 128 0;
 337             text { font: FNBD; size: 10;
 338                text_source: "e.text.title";
 339                min: 0 1;
 340                align: 0.0 0.5;
 341                text_class: "menu_item";
 342             }
 343             visible: 0;
 344          }
 345          description { state: "focus" 0.0;
 346             inherit: "default" 0.0;
 347             visible: 1;
 348          }
 349       }
 350       part { name: "icon_clip"; type: RECT;
 351          description { state: "default";
 352             color: 255 255 255 200;
 353             rel1.offset: -9999 -9999;
 354             rel2.offset: 9999 9999;
 355          }
 356          description { state: "focus";
 357             inherit: "default";
 358             color: 255 255 255 255;
 359          }
 360       }
 361       part { name: "event"; type: RECT;
 362          description { state: "default";
 363             color: 0 0 0 0;
 364          }
 365       }
 366    }
 367    programs {
 368       program {
 369          signal: "mouse,in"; source: "event";
 370          action: STATE_SET "focus" 0.0;
 371          target: "e.swallow.icon";
 372          target: "e.text.title";
 373          target: "title2";
 374          target: "icon_clip";
 375          target: "glow";
 376          transition: ACCELERATE 0.2;
 377       }
 378       program {
 379          signal: "mouse,out"; source: "event";
 380          action: STATE_SET "default" 0.0;
 381          target: "e.swallow.icon";
 382          target: "e.text.title";
 383          target: "title2";
 384          target: "icon_clip";
 385          target: "glow";
 386          transition: DECELERATE 0.2;
 387       }
 388    }
 389 }
 390
 391 group { name: "e/modules/ibox/icon_overlay";
 392    alias: "e/modules/ibar/icon_overlay";
 393    images.image: "darken_rounded_square.png" COMP;
 394    script {
 395       public urgent;
 396    }
 397    parts {
 398       part { name: "item_clip"; type: RECT;
 399          description { state: "default" 0.0;
 400             rel1.offset: -100 -100;
 401             rel2.offset: 99 99;
 402             color: 255 255 255 255;
 403          }
 404          description { state: "disabled" 0.0;
 405             inherit: "default" 0.0;
 406             color: 255 255 255 64;
 407          }
 408       }
 409       part { name: "base"; type: SPACER;
 410          description { state: "default" 0.0;
 411             rel1.offset: 3 4;
 412             rel2.offset: -4 -4;
 413          }
 414          description { state: "bounce1" 0.0;
 415             inherit: "default" 0.0;
 416             rel1.relative: 0.0 0.15;
 417             rel2.relative: 1.0 1.15;
 418          }
 419          description { state: "bounce2" 0.0;
 420             inherit: "default" 0.0;
 421             rel1.relative: 0.0 -0.15;
 422             rel2.relative: 1.0 0.85;
 423          }
 424       }
 425       part { name: "background"; type: RECT;
 426          clip_to: "item_clip";
 427          description { state: "default" 0.0;
 428             visible: 0;
 429             rel1.to: "base";
 430             rel2.to: "base";
 431             color: 255 255 255 0;
 432          }
 433          description { state: "visible" 0.0;
 434             inherit: "default" 0.0;
 435             visible: 1;
 436             color: 255 255 255 255;
 437          }
 438          description { state: "hidden" 0.0;
 439             inherit: "default" 0.0;
 440             visible: 1;
 441             rel1.relative: -0.5 -0.5;
 442             rel2.relative: 1.5 1.5;
 443          }
 444          description { state: "huge" 0.0;
 445             inherit: "default" 0.0;
 446             visible: 1;
 447             rel1.relative: -2.0  -2.0;
 448             rel2.relative: 3.0  3.0;
 449             color: 255 255 255 0;
 450          }
 451       }
 452       part { name: "e.swallow.content"; type: SWALLOW;
 453          clip_to: "background";
 454          description {
 455             state: "default" 0.0;
 456             rel1.to: "background";
 457             rel2.to: "background";
 458          }
 459       }
 460       part { name: "bevel"; mouse_events: 0;
 461          description { state: "default" 0.0;
 462             rel1.offset: -10 -6;
 463             rel1.to: "e.text.label";
 464             rel2.offset: 9 5;
 465             rel2.to: "e.text.label";
 466             image.normal: "darken_rounded_square.png";
 467             image.border: 15 15 15 15;
 468             fill.smooth: 0;
 469             fixed: 1 1;
 470             color: 255 255 255 0;
 471             visible: 0;
 472          }
 473          description { state: "visible" 0.0;
 474             inherit: "default" 0.0;
 475             color: 255 255 255 255;
 476             visible: 1;
 477          }
 478       }
 479       part { name: "e.text.label"; type: TEXT; mouse_events: 0;
 480          effect: SHADOW BOTTOM;
 481          scale: 1;
 482          description { state: "default" 0.0;
 483             rel1.relative: 0.0 1.0;
 484             rel2.relative: 1.0 1.0;
 485             color: 255 255 255 0;
 486             color3: 0 0 0 0;
 487             color_class: "module_label";
 488             text { font: FN; size: 10;
 489                min: 1 1;
 490                align: 0.5 0.5;
 491                text_class: "module_normal";
 492             }
 493          }
 494          description { state: "visible" 0.0;
 495             inherit: "default" 0.0;
 496             rel1.relative: 0.0 0.5;
 497             rel2.relative: 1.0 0.5;
 498             color: 255 255 255 255;
 499             color3: 0 0 0 128;
 500          }
 501       }
 502    }
 503    programs {
 504 //      program {
 505 //         signal: "e,action,exec"; source: "e";
 506 //      }
 507 //      program {
 508 //         signal: "e,action,start"; source: "e";
 509 //      }
 510       program {
 511          signal: "load"; source: "";
 512          script {
 513             set_int(urgent, 0);
 514          }
 515       }
 516       program { name: "go_active";
 517          signal: "e,state,focused"; source: "e";
 518          action: STATE_SET "visible" 0.0;
 519          target: "background";
 520          after: "go_active2";
 521       }
 522       program { name: "go_active2";
 523          action: STATE_SET "hidden" 0.0;
 524          transition: LINEAR 0.5;
 525          target: "background";
 526          after: "go_active";
 527       }
 528       program { name: "go_passive";
 529          signal: "e,state,unfocused"; source: "e";
 530          action: ACTION_STOP;
 531          target: "go_active";
 532          target: "go_active2";
 533          after: "go_passive2";
 534       }
 535       program {
 536          signal: "e,action,show,label"; source: "e";
 537          action: STATE_SET "visible" 0.0;
 538          transition: SINUSOIDAL 0.5;
 539          target: "e.text.label";
 540          target: "bevel";
 541       }
 542       program {
 543          signal: "e,action,hide,label"; source: "e";
 544          action: STATE_SET "default" 0.0;
 545          transition: SINUSOIDAL 1.0;
 546          target: "e.text.label";
 547          target: "bevel";
 548       }
 549       program { name: "go_passive2";
 550          action: STATE_SET "default" 0.0;
 551          target: "background";
 552          script {
 553             if (get_int(urgent) == 1) {
 554                run_program(PROGRAM:"go_urgent");
 555             } else {
 556                run_program(PROGRAM:"go_not_urgent");
 557             }
 558          }
 559       }
 560       program {
 561          signal: "e,state,urgent"; source: "e";
 562          script {
 563             set_int(urgent, 1);
 564          }
 565       }
 566       program { name: "go_urgent";
 567          signal: "e,state,urgent"; source: "e";
 568          action: STATE_SET "disabled" 0.0;
 569          target: "item_clip";
 570       }
 571       program {
 572          signal: "e,state,not_urgent"; source: "e";
 573          script {
 574             set_int(urgent, 0);
 575          }
 576       }
 577       program { name: "go_not_urgent";
 578          signal: "e,state,not_urgent"; source: "e";
 579          action: STATE_SET "default" 0.0;
 580          target: "item_clip";
 581       }
 582       program {
 583          signal: "e,action,exec"; source: "e";
 584          after: "exec_start";
 585       }
 586       program { name: "exec_start";
 587          signal: "e,action,start"; source: "e";
 588          action: ACTION_STOP;
 589          target: "go_active";
 590          target: "go_active2";
 591          target: "go_passive";
 592          target: "go_passive2";
 593          target: "go_big";
 594          target: "go_big2";
 595          after: "go_big";
 596       }
 597       program { name: "go_big";
 598          action: STATE_SET "visible" 0.0;
 599          target: "background";
 600          after: "go_big2";
 601       }
 602       program { name: "go_big2";
 603          action: STATE_SET "huge" 0.0;
 604          transition: LINEAR 0.5;
 605          target: "background";
 606       }
 607    }
 608 }
 609
 610 group { name: "e/modules/ibox/drop";
 611    alias: "e/modules/ibar/drop";
 612    images.image: "outline_glow.png" COMP;
 613    images.image: "diagonal_stripes.png" COMP;
 614    parts {
 615       part { name: "base"; mouse_events: 0;
 616          description { state: "default" 0.0;
 617             rel1.offset: 2 2;
 618             rel2.offset: -3 -3;
 619             image.normal: "outline_glow.png";
 620             image.border: 4 4 4 4;
 621             image.middle: 0;
 622             fill.smooth: 0;
 623          }
 624       }
 625       part { name: "pat"; mouse_events: 0;
 626          description { state: "default" 0.0;
 627             rel1.to: "base";
 628             rel1.offset: 1 1;
 629             rel2.offset: -2 -2;
 630             rel2.to: "base";
 631             image.normal: "diagonal_stripes.png";
 632             color: 255 255 255 25;
 633             TILED_PATTERN(240, 240)
 634          }
 635       }
 636    }
 637 }
 638
 639 group { name: "e/modules/ibox/drop_overlay";
 640    alias: "e/modules/ibar/drop_overlay";
 641    images.image: "mini_blue_glow_arrow_0.png" COMP;
 642    images.image: "mini_blue_glow_arrow_1.png" COMP;
 643    images.image: "mini_blue_glow_arrow_2.png" COMP;
 644    images.image: "mini_blue_glow_arrow_3.png" COMP;
 645    parts {
 646       part { name: "drop0"; mouse_events: 0;
 647          description { state: "default" 0.0;
 648             image.normal: "mini_blue_glow_arrow_0.png";
 649             rel1.offset: -10 -10;
 650             rel1.relative: 0.0 0.0;
 651             rel2.offset: -10 -10;
 652             rel2.relative: 0.0 0.0;
 653             align: 0.0 0.0;
 654             min: 10 10;
 655             fixed: 1 1;
 656             visible: 0;
 657          }
 658          description { state: "active" 0.0;
 659             inherit: "default" 0.0;
 660             visible: 1;
 661          }
 662          description { state: "hidden" 0.0;
 663             inherit: "default" 0.0;
 664             rel1.offset: 11 11;
 665             rel2.offset: 11 11;
 666             min: 1 1;
 667             color: 255 255 255 0;
 668          }
 669       }
 670       part { name: "drop1"; mouse_events: 0;
 671          description { state: "default" 0.0;
 672             image.normal: "mini_blue_glow_arrow_1.png";
 673             rel1.offset: 9 -10;
 674             rel1.relative: 1.0 0.0;
 675             rel2.offset: 9 -10;
 676             rel2.relative: 1.0 0.0;
 677             align: 1.0 0.0;
 678             min: 10 10;
 679             fixed: 1 1;
 680             visible: 0;
 681          }
 682          description { state: "active" 0.0;
 683             inherit: "default" 0.0;
 684             visible: 1;
 685          }
 686          description { state: "hidden" 0.0;
 687             inherit: "default" 0.0;
 688             rel1.offset: -12 11;
 689             rel2.offset: -12 11;
 690             min: 1 1;
 691             color: 255 255 255 0;
 692          }
 693       }
 694       part { name: "drop2"; mouse_events: 0;
 695          description { state: "default" 0.0;
 696             image.normal: "mini_blue_glow_arrow_2.png";
 697             rel1.offset: 9 9;
 698             rel1.relative: 1.0 1.0;
 699             rel2.offset: 9 9;
 700             rel2.relative: 1.0 1.0;
 701             align: 1.0 1.0;
 702             min: 10 10;
 703             fixed: 1 1;
 704             visible: 0;
 705          }
 706          description { state: "active" 0.0;
 707             inherit: "default" 0.0;
 708             visible: 1;
 709          }
 710          description { state: "hidden" 0.0;
 711             inherit: "default" 0.0;
 712             rel1.offset: -12 -12;
 713             rel2.offset: -12 -12;
 714             min: 1 1;
 715             color: 255 255 255 0;
 716          }
 717       }
 718       part { name: "drop3"; mouse_events: 0;
 719          description { state: "default" 0.0;
 720             image.normal: "mini_blue_glow_arrow_3.png";
 721             rel1.offset: -10 9;
 722             rel1.relative: 0.0 1.0;
 723             rel2.offset: -10 9;
 724             rel2.relative: 0.0 1.0;
 725             align: 0.0 1.0;
 726             min: 10 10;
 727             fixed: 1 1;
 728             visible: 0;
 729          }
 730          description { state: "active" 0.0;
 731             inherit: "default" 0.0;
 732             visible: 1;
 733          }
 734          description { state: "hidden" 0.0;
 735             inherit: "default" 0.0;
 736             rel1.offset: 11 -12;
 737             rel2.offset: 11 -12;
 738             min: 1 1;
 739             color: 255 255 255 0;
 740          }
 741       }
 742    }
 743    programs {
 744       program { name: "drop1";
 745          signal: "show"; source: "";
 746          action: STATE_SET "active" 0.0;
 747          target: "drop0";
 748          target: "drop1";
 749          target: "drop2";
 750          target: "drop3";
 751          after: "drop2";
 752       }
 753       program { name: "drop2";
 754          action: STATE_SET "hidden" 0.0;
 755          transition: LINEAR 0.5;
 756          target: "drop0";
 757          target: "drop1";
 758          target: "drop2";
 759          target: "drop3";
 760          after: "drop1";
 761       }
 762    }
 763 }