images {
   image: "e17_menu_bg_border.png" COMP;
   image: "e17_button2.png" COMP;
   image: "e17_button.png" COMP;
   image: "e17_dialog_watermark.png" COMP;
   image: "e17_about_bg_v.png" COMP;
   image: "e17_about_over_v.png" COMP;
   image: "e17_logo.png" COMP;
   image: "e17_about_sky0.png" LOSSY 70;
   image: "e17_about_sky1.png" LOSSY 70;
   image: "e17_about_sky2.png" LOSSY 70;
   image: "e17_about_sky3.png" LOSSY 70;
   image: "e17_about_sky4.png" LOSSY 70;
   image: "e17_about_sky5.png" LOSSY 70;
   image: "e17_about_sky_overlay.png" COMP;
}

styles
{
   style {
      name: "about_style";
      base: "font=Edje-Vera font_size=10 align=center color=#000 style=shadow shadow_color=#ffffff80 wrap=word";
      
      tag:  "br" "\n";
      tag:  "hilight" "+ font=Edje-Vera-Bold style=glow color=#fff glow2_color=#fe87 glow_color=#fa14";
      tag:  "title" "+ font_size=12 font=Edje-Vera-Bold style=soft_shadow color=#fff shadow_color=#00000020";
      tag:  "/title" "- \n \n";
   }
}

group {
   name: "widgets/about/main";
   parts {
      part {
	 name:          "base";
	 mouse_events:  0;
	 type:          RECT;
	 description {
	    state:    "default" 0.0;
	    rel1 {
	       relative: 0.0  0.0;
	       offset:   1    1;
	    }
	    rel2 {
	       relative: 1.0  1.0;
	       offset:   -2   -2;
	    }
	    color: 221 221 221 255;
	 }
      }
      part {
	 name:          "sky";
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    min:      400 160;
	    max:      400 160;
	    align:    0.5 1.0;
	    fixed:    1 1;
	    rel1 {
	       relative: 0.0 1.0;
	       offset:   7   -1;
	    }
	    rel2 {
	       relative: 1.0 1.0;
	       offset:   -8 -1;
	    }
	    image {
	       normal: "e17_about_sky0.png";
	    }
	 }
      }
      part {
	 name:          "sky1";
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    rel1 {
	       to: "sky";
	    }
	    rel2 {
	       to: "sky";
	    }
	    image {
	       normal: "e17_about_sky1.png";
	    }
	    fill {
	       smooth: 0;
	       size {
		  relative: 1.1075 1.0;
	       }
	    }
	 }
	 description {
	    state:    "drift" 0.0;
	    inherit:  "default" 0.0;
	    fill {
	       origin {
		  relative: -1.1075 0.0;
	       }
	    }
	 }
      }
      part {
	 name:          "sky4";
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    rel1 {
	       to: "sky";
	    }
	    rel2 {
	       to: "sky";
	    }
	    image {
	       normal: "e17_about_sky4.png";
	    }
	    fill {
	       smooth: 0;
	       size {
		  relative: 1.12 1.0;
	       }
	    }
	 }
	 description {
	    state:    "drift" 0.0;
	    inherit:  "default" 0.0;
	    fill {
	       origin {
		  relative: -1.12 0.0;
	       }
	    }
	 }
      }
      part {
	 name:          "sky2";
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    rel1 {
	       to: "sky";
	    }
	    rel2 {
	       to: "sky";
	    }
	    image {
	       normal: "e17_about_sky2.png";
	    }
	    fill {
	       smooth: 0;
	       size {
		  relative: 1.1765 1.0;
	       }
	    }
	 }
	 description {
	    state:    "drift" 0.0;
	    inherit:  "default" 0.0;
	    fill {
	       origin {
		  relative: -1.1765 0.0;
	       }
	    }
	 }
      }
      part {
	 name:          "sky3";
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    rel1 {
	       to: "sky";
	    }
	    rel2 {
	       to: "sky";
	    }
	    image {
	       normal: "e17_about_sky3.png";
	    }
	    fill {
	       smooth: 0;
	       size {
		  relative: 2.1325 1.0;
	       }
	    }
	 }
	 description {
	    state:    "drift" 0.0;
	    inherit:  "default" 0.0;
	    fill {
	       origin {
		  relative: -2.1325 0.0;
	       }
	    }
	 }
      }
      part {
	 name:          "sky5";
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    rel1 {
	       to: "sky";
	    }
	    rel2 {
	       to: "sky";
	    }
	    image {
	       normal: "e17_about_sky5.png";
	    }
	 }
      }
      part {
	 name:          "sky_over";
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    rel1 {
	       to: "sky";
	    }
	    rel2 {
	       to: "sky";
	    }
	    image {
	       normal: "e17_about_sky_overlay.png";
	    }
	 }
      }
      part {
	 name:          "about_bg";
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    rel1 {
	       to:       "about";
	       offset:   -7 -7;
	    }
	    rel2 {
	       to:       "about";
	       offset:   6 6;
	    }
	    image {
	       normal: "e17_about_bg_v.png";
	       border: 7 7 7 7;
	    }
	 }
      }
      part {
	 name:          "authors_bg";
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    rel1 {
	       to:       "authors";
	       offset:   -7 -7;
	    }
	    rel2 {
	       to:       "authors";
	       offset:   6 6;
	    }
	    image {
	       normal: "e17_about_bg_v.png";
	       border: 7 7 7 7;
	    }
	 }
      }
      part {
	 name:          "base2";
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    min:      200 138;
	    max:      200 138;
	    align:    1.0 1.0;
	    fixed:    1 1;
	    rel1 {
	       relative: 1.0  1.0;
	       offset:   -1   -1;
	    }
	    rel2 {
	       relative: 1.0  1.0;
	       offset:   -1   -1;
	    }
	    image {
	       normal: "e17_dialog_watermark.png";
	    }
	 }
      }
      part {
	 name:          "base3";
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    image {
	       normal: "e17_menu_bg_border.png";
	       border: 1 1 1 1;
	       middle: 0;
	    }
	    fill {
	       smooth: 0;
	    }
	 }
      }
      part {
	 name:          "about";
	 type:          TEXTBLOCK;
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    max: 200 1000;
	    min: 200 0;
	    rel1 {
	       to_y: "version";
	       relative: 0.0 1.0;
	       offset: 16 8;
	    }
	    rel2 {
	       to_y: "sky";
	       to_x: "logo";
	       relative: 0.0 0.4;
	       offset:   -9 -9;
	    }
	    text {
	       style:    "about_style";
	       min:      0 1;
	    }
	 }
      }
      part {
	 name:          "authors";
	 type:          TEXTBLOCK;
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    max: 1000 1000;
	    min: 200  0;
	    rel1 {
	       to_y: "version";
	       to_x: "logo";
	       relative: 1.0 1.0;
	       offset: 8 8;
	    }
	    rel2 {
	       to_y: "sky";
	       relative: 1.0 0.4;
	       offset:   -17 -9;
	    }
	    text {
	       style:    "about_style";
	       min:      1 1;
	    }
	 }
      }
      part {
	 name:          "about_over";
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    rel1 {
	       to:       "about_bg";
	    }
	    rel2 {
	       to:       "about_bg";
	    }
	    image {
	       normal: "e17_about_over_v.png";
	       border: 13 13 13 13;
	    }
	 }
      }
      part {
	 name:          "authors_over";
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    rel1 {
	       to:       "authors_bg";
	    }
	    rel2 {
	       to:       "authors_bg";
	    }
	    image {
	       normal: "e17_about_over_v.png";
	       border: 13 13 13 13;
	    }
	 }
      }
      part {
	 name:          "title";
	 type:          TEXT;
	 effect:        SOFT_SHADOW;
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    fixed:    0 1;
	    align:    0.5 0.0;
	    rel1 {
	       relative: 0.0  0.0;
	       offset:   6    6;
	    }
	    rel2 {
	       relative: 1.0  0.0;
	       offset:   -7   6;
	    }
	    color: 255 255 255 255;
	    color3: 0 0 0 32;
	    text {
	       text:     "Enlightenment";
	       font:     "Edje-Vera-Bold";
	       size:     16;
	       min:      1 1;
	       align:    0.5 0.5;
	    }
	 }
      }
      part {
	 name:          "version";
	 type:          TEXT;
	 effect:        SOFT_SHADOW;
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    fixed:    0 1;
	    align:    0.5 0.0;
	    rel1 {
	       to: "title";
	       relative: 0.0  1.0;
	       offset:   6    2;
	    }
	    rel2 {
	       to: "title";
	       relative: 1.0  1.0;
	       offset:   -7   2;
	    }
	    color: 255 255 255 255;
	    color3: 0 0 0 32;
	    text {
	       text:     "0.17.0.000";
	       font:     "Edje-Vera-Bold";
	       size:     12;
	       min:      1 1;
	       align:    0.5 0.5;
	    }
	 }
      }
      part {
	 name:          "logo";
	 type: 	        IMAGE;
	 mouse_events:  0;
	 description {
	    state:      "default" 0.0;
	    min:        63 63;
	    max:        63 63;
	    align:      0.5 0.5;
	    fixed:      1 1;
	    rel1 {
	       relative: 0.5  0.5;
	       offset:   0    0;
	       to_y:     "about";
	    }
	    rel2 {
	       relative: 0.5  0.5;
	       offset:   0    0;
	       to_y:     "about";
	    }
	    image {
	       normal:   "e17_logo.png";
	    }
	 }
      }
      part {
	 name:          "button";
	 type:          IMAGE;
	 mouse_events:  1;
	 description {
	    state:    "default" 0.0;
	    min:      64 32;
	    align:    0.5 1.0;
	    fixed:    1 1;
	    rel1 {
	       relative: 0.5  1.0;
	       offset:   0    -7;
	    }
	    rel2 {
	       relative: 0.5  1.0;
	       offset:   0    -7;
	    }
	    image {
	       normal: "e17_button.png";
	       border: 8 8 8 8;
	    }
	 }
	 description {
	    state:    "clicked" 0.0;
	    inherit:  "default" 0.0;
	    image {
	       normal: "e17_button2.png";
	    }
	 }
      }
      part {
	 name:          "button_text";
	 type:          TEXT;
	 effect:        SHADOW;
	 mouse_events:  0;
	 description {
	    state:    "default" 0.0;
	    rel1 {
	       relative: 0.0  0.0;
	       offset:   6    6;
	       to:     "button";
	    }
	    rel2 {
	       relative: 1.0  1.0;
	       offset:   -7   -7;
	       to:     "button";
	    }
	    color:    0   0   0 255;
	    color3: 255 255 255 128;
	    text {
	       text:     "OK";
	       font:     "Edje-Vera";
	       size:     10;
	       min:      1 1;
	       align:    0.5 0.5;
	    }
	 }
      }
   }
   programs {
      program {
	 name:   "button_click";
	 signal: "mouse,down,1";
	 source: "button";
	 action: STATE_SET "clicked" 0.0;
	 target: "button";
      }
      program {
	 name:   "button_unclick";
	 signal: "mouse,up,1";
	 source: "button";
	 action: STATE_SET "default" 0.0;
	 target: "button";
      }
      program {
	 name:   "button_unclick2";
	 signal: "mouse,clicked,1";
	 source: "button";
	 action: SIGNAL_EMIT "close" "";
      }
      
      program {      
	 name:       "anim_sky1a";
	 signal:     "show";
	 source:     "";
	 action:     STATE_SET "drift" 0.0;
	 transition: LINEAR 20.0;
	 target:     "sky1";
	 after:      "anim_sky1b";
      }
      program {
	 name:       "anim_sky1b";
	 action:     STATE_SET "default" 0.0;
	 target:     "sky1";
	 after:      "anim_sky1a";
      }

      program {      
	 name:       "anim_sky4a";
	 signal:     "show";
	 source:     "";
	 action:     STATE_SET "drift" 0.0;
	 transition: LINEAR 15.0;
	 target:     "sky4";
	 after:      "anim_sky4b";
      }
      program {
	 name:       "anim_sky4b";
	 action:     STATE_SET "default" 0.0;
	 target:     "sky4";
	 after:      "anim_sky4a";
      }
      
      program {      
	 name:       "anim_sky2a";
	 signal:     "show";
	 source:     "";
	 action:     STATE_SET "drift" 0.0;
	 transition: LINEAR 15.0;
	 target:     "sky2";
	 after:      "anim_sky2b";
      }
      program {
	 name:       "anim_sky2b";
	 action:     STATE_SET "default" 0.0;
	 target:     "sky2";
	 after:      "anim_sky2a";
      }
      
      program {      
	 name:       "anim_sky3a";
	 signal:     "show";
	 source:     "";
	 action:     STATE_SET "drift" 0.0;
	 transition: LINEAR 15.0;
	 target:     "sky3";
	 after:      "anim_sky3b";
      }
      program {
	 name:       "anim_sky3b";
	 action:     STATE_SET "default" 0.0;
	 target:     "sky3";
	 after:      "anim_sky3a";
      }

   }
}