/* vim: set sw=3 ts=3 sts=3 expandtab: */
group {
   name: "ecdb/about";
   min: 300 360;
   max: 300 360;

   styles {
      style {
         name: "about_style";
         base: "font=ecdb/default:style=Bold font_size=10 align=center color=#000 style=soft_shadow shadow_color=#00000020 wrap=word";
         tag:  "hilight" "+ font=ecdb/default:style=Bold text_class=tb_light color=#f00 style=soft_shadow";
         tag:  "br" "\n";
      }
   }

   parts {
      part {
         name: "background";
         mouse_events: 0;
         scale: 1;

         description {
            state: "default" 0.0;
            min: 300 360;
            max: 300 360;

            rel1 {
               relative: 0.0 0.0;
               offset: 0 0;
            }

            rel2 {
               relative: 1.0 1.0;
               offset: -1 -1;
            }

            image {
               normal: "background.png";
            }
         }
      }

      part {
         name: "logo";
         type: IMAGE;
         scale: 1;
         
         description {
            state: "default" 0;
            align: 0.5 0.05;
            min: 83 83;
            max: 83 83;

            image {
               normal: "logo.png";
            }
         }
      }

      part {
         name: "ecdb.about.text";
         type: TEXTBLOCK;
         mouse_events: 0;
         scale: 1;

         description {
            state: "default" 0.0;
            min: 160 0;
            max: 640 640;

            rel1 {
               to_y: "logo";
               relative: 0.0 1.0;
               offset: 32 17;
            }

            rel2 {
               to_y: "button.base";
               relative: 1.0 0.0;
               offset: -33 -17;
            }

            text {
               style: "about_style";
               min: 0 1;
               text: "text";
            }
         }
      }

      part {
         name: "button.base";
         type: IMAGE;
         mouse_events: 1;
         scale: 1;

         description {
            state: "default" 0.0;
            min: 64 32;
            max: 64 32;
            align: 0.5 1.0;
            fixed: 1 1;
            color: 255 255 255 178;

            rel1 {
               relative: 0.0 1.0;
               offset: 0 0;
            }

            rel2 {
               relative: 1.0 1.0;
               offset: -1 -6;
            }

            image {
               normal: "button_base.png";
               border: 7 7 7 7;
            }
         }
      }

      part {
         name: "button.button_clip";
         type: RECT;
         mouse_events: 1;

         description {
            state: "default" 0.0;
            color: 255 255 255 255;
   
            rel1 { 
               to: "button.base"; 
               relative: 0.0 0.0; 
               offset: 3 1; 
            }

            rel2 { 
               to: "button.base"; 
               relative: 1.0 1.0; 
               offset: -4 -2; 
            }
         }
      }

      part {
         name: "button.focus_clip";
         type: RECT;
         mouse_events: 1;

         description {
            state: "default" 0.0;
            color: 255 255 255 0;

            rel1 { 
               to: "button.button"; 
               offset: -1 0; 
            }

            rel2 { 
               to: "button.button";
               offset: 0 -1; 
            }
         }

         description {
            state: "visible" 0.0;
            inherit: "default" 0.0;
            color: 255 255 255 255;
         }
      }

      part {
         name: "button.focus";
         type: IMAGE;
         mouse_events: 1;
         clip_to: "button.focus_clip";
         scale: 1;

         description {
            state: "default" 0.0;

            rel1 { 
               to: "button.focus_clip"; 
            }

            rel2 { 
               to: "button.focus_clip"; 
            }

            image {
               normal: "focus.png";
               border: 7 7 7 7;
            }
         }
      }

      part {
         name: "button.button";
         type: IMAGE;
         mouse_events: 1;
         clip_to: "button.button_clip";
         scale: 1;

         description {
            state: "default" 0.0;
            min: 0 24;

            rel1 {
               to: "button.button_clip";
            }

            rel2 {
               to: "button.button_clip";
            }
            
            image {
               normal: "button.png";
               border: 7 7 7 7;
            }
         }

         description {
            state: "disabled" 0.0;
            inherit: "default" 0.0;

            image {
               normal: "button_disabled.png";
               border: 11 11 10 10;
            }
         }
      }

      part {
         name: "button.shadow";
         type: IMAGE;
         mouse_events: 1;
         clip_to: "button.button_clip";
         scale: 1;

         description {
            state: "default" 0.0;
            min: 0 24;
            color: 255 255 255 0;
            
            rel1 { 
               to: "button.button_clip"; 
            }

            rel2 { 
               to: "button.button_clip"; 
            }
            
            image {
               normal: "button_shadow.png";
               border: 6 6 0 6;
            }
         }

         description {
            state: "clicked" 0.0;
            inherit: "default" 0.0;
            color: 255 255 255 255;
         }
      }

      part {
         name: "button.shadow_overlay";
         type: IMAGE;
         mouse_events: 1;
         clip_to: "button.button_clip";
         scale: 1;

         description {
            state: "default" 0.0;
            min: 0 24;
            color: 255 255 255 0;

            rel1 { 
               to: "button.button_clip"; 
            }

            rel2 { 
               to: "button.button_clip"; 
            }
            
            image {
               normal: "button_shadow_overlay.png";
               border: 6 6 6 13;
            }
         }

         description {
            state: "clicked" 0.0;
            inherit: "default" 0.0;
            color: 255 255 255 255;
         }
      }

      part {
         name: "ecdb.about.label";
         type: TEXT;
         effect: NONE;
         mouse_events: 0;
         repeat_events: 1;
         scale: 1;
         
         description {
            state: "default" 0.0;
            align: 0.5 0.5;
            color: 60 60 60 255;

            rel1 {
               to: "button.base";
               relative: 0.0 0.0;
               offset: 8 0;
            }

            rel2 {
               to: "button.base";
               relative: 1.0 1.0;
               offset: -8 -1;
            }

            text {
               text: "Close";
               font: "ecdb/default";
               size: 11;
               align: 0.5 0.5;
            }
         }
      }
   }

   programs {
      program {
         name: "button_mousedown";
         signal: "mouse,down,1";
         action: STATE_SET "clicked" 0.0;
         source: "button.*";
         target: "button.shadow_overlay";
         target: "button.shadow";
         transition: DECELERATE 0.2;
      }

      program {
         name: "button_focus";
         signal: "mouse,down,1";
         action: STATE_SET "visible" 0.0;
         source: "button.*";
         target: "button.focus_clip";
         transition: DECELERATE 0.5;
      }

      program {
         name: "button_mouseup";
         signal: "mouse,up,1";
         action: STATE_SET "default" 0.0;
         source: "button.*";
         target: "button.shadow_overlay";
         target: "button.shadow";
         transition: DECELERATE 0.2;
      }

      program {
         name: "button_click";
         signal: "mouse,clicked,1";
         action: SIGNAL_EMIT "ecdb/close" "ecdb";
         source: "button.*";
      }
}