
group {
	name: "e/widgets/about/main";
	min: 299 341;
	max: 299 341;

	data {
		item: "borderless" "1";
	}

	styles {
		style {
			name: "about_enlightenment";
			#if USE_FONTCONFIG == 1 || ENABLE_TEXT_CLASSES == 1
				base: "font=Sans:style=Bold font_size=11 color=#070707 wrap=word text_class=tb_plain";
				tag: "hilight" "+ font=Sans:style=Bold text_class=tb_light"; 
				tag: "title" "+ font=Sans:style=Bold font_size=11 text_class=tb_big";
			#else
			#if USE_FONTCONFIG == 1 || ENABLE_TEXT_CLASSES == 0
				base: "font=Sans:style=Bold font_size=11 color=#070707 wrap=word";
				tag: "hilight" "+ font=Sans:style=Bold"; 
				tag: "title" "+ font=Sans:style=Bold font_size=11";
			#else
			#if USE_FONTCONFIG == 0 || ENABLE_TEXT_CLASSES == 1
				base: "font=DejaVuSans font_size=11 color=#070707 wrap=word text_class=tb_plain";
				tag: "hilight" "+ font=DejaVuSans-Bold text_class=tb_light";
				tag: "title" "+ font_size=11 font=DejaVuSans-Bold text_class=tb_big";
			#else
			#if USE_FONTCONFIG == 0 || ENABLE_TEXT_CLASSES == 0
				base: "font=DejaVuSans font_size=11 color=#070707 wrap=word";
				tag: "hilight" "+ font=DejaVuSans-Bold";
				tag: "title" "+ font_size=11 font=DejaVuSans-Bold";
			#endif
			#endif
			#endif
			#endif
			tag:  "br" "\n"; 
			tag:  "/title" "- \n \n";
		}
	}

	parts {
		part {
			name: "base";
			type: IMAGE;
			mouse_events: 0;

			description {
				state: "default" 0.0;

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

				rel2 { 
					relative: 1.0 1.0; 
					offset: -1 -1; 
				}
		
				image {
					normal: "images/dialog_im2.png";
					border: 3 3 3 3;
				}
			}
		}

		part { 
			name: "about_enlightenment_clip";
			type: RECT;
			mouse_events: 0;

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

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

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

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

		part { 
			name: "logo_clip";
			type: RECT;
			mouse_events: 0;

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

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

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

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

		part { 
			name: "logo";
			type: IMAGE;
			clip_to: "logo_clip";

			description { 
				state: "default" 0.0;
				min: 128 128;
				max: 128 128;
				fixed: 1 1;
				align: 0.5 0.5;
				image.normal: "images/e17_logo.png";

				rel1 {
					to: "base";
					relative: 0.5 0.5;
					offset: 0 -64;
				}

				rel2 {
					to: "base";
					relative: 0.5 0.5;
					offset: -1 -1;
				}
			}
		}

		part { 
			name: "e.text.title";
			type: TEXT;
			effect: SHADOW;
			mouse_events: 0;
			clip_to: "logo_clip";
			scale: 1;

			description { 
				state: "default" 0.0;
				color: 60 60 60 255;
				color3: 170 168 169 32;
				fixed: 1 1;

				rel1 { 
					to: "logo";
					relative: 0.5 1.0; 
					offset: 0 0; 
				}
	
				rel2 { 
					to: "logo"; 
					relative: 0.5 1.0; 
					offset: -1 16; 
				}

				text {
					#if USE_FONTCONFIG == 0
						font: "DejaVuSans-Bold";
					#else
					#if USE_FONTCONFIG == 1
						font: "Sans:style=Bold";
					#endif
					#endif
					size: 12;
					min: 1 1;
					align: 0.0 0.5;
					#if ENABLE_TEXT_CLASSES == 0
						text_class: "";
					#else
					#if ENABLE_TEXT_CLASSES == 1
						text_class: "about_title";
					#endif
					#endif
				}
			}
		}

		part { 
			name: "e.text.version";
			type: TEXT;
			mouse_events: 0;
			clip_to: "logo_clip";
			scale: 1;

			description { 
				state: "default" 0.0;
				color: 60 60 60 255;
				fixed: 1 1;

				rel1 { 
					to: "e.text.title"; 
					relative: 0.5 1.0; 
					offset: 0 0; 
				}

				rel2 { 
					to: "e.text.title"; 
					relative: 0.5 1.0; 
					offset: -1 10; 
				}


				text {
					#if USE_FONTCONFIG == 0
						font: "DejaVuSans-Bold";
					#else
					#if USE_FONTCONFIG == 1
						font: "Sans:style=Bold";
					#endif
					#endif
					size: 11;
					min: 1 1;
					align: 1.0 0.5;
					#if ENABLE_TEXT_CLASSES == 0
						text_class: "";
					#else
					#if ENABLE_TEXT_CLASSES == 1
						text_class: "about_version";
					#endif
					#endif
				}
			}
		}

		part { 
			name: "small_logo";
			type: IMAGE;
			clip_to: "about_enlightenment_clip";

			description { 
				state: "default" 0.0;
				min: 64 64;
				max: 64 64;
				fixed: 1 1;
				align: 0.5 0.5;
				image.normal: "images/e17_logo.png";

				rel1 {
					to: "base";
					relative: 0.5 0.0;
					offset: 0 70;
				}

				rel2 {
					to: "base";
					relative: 0.5 0.0;
					offset: -1 -1;
				}
			}
		}

		part { 
			name: "about_entry";
			type: IMAGE;
			clip_to: "about_enlightenment_clip";

			description { 
				state: "default" 0.0;
				max: 9999 134;

				rel1 {
					to: "base";
					relative: 0.0 0.0;
					offset: 4 68;
				}

				rel2 {
					to: "base";
					relative: 1.0 0.5;
					offset: -5 -1;
				}

				image {
					normal: "images/entry_im0.png";
					border: 6 6 8 7;
				}
			}
		}

		part { 
			name: "authors_entry";
			type: IMAGE;
			clip_to: "about_enlightenment_clip";

			description { 
				state: "default" 0.0;
				max: 9999 134;

				rel1 {
					to: "about_entry";
					relative: 0.0 1.0;
					offset: 0 0;
				}

				rel2 {
					to: "button.area";
					to_x: "base";
					relative: 1.0 0.0;
					offset: -5 -1;
				}

				image {
					normal: "images/entry_im0.png";
					border: 6 6 8 7;
				}
			}
		}

		part { 
			name: "about_clip";
			type: RECT;
			mouse_events: 0;
			clip_to: "about_enlightenment_clip";

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

				rel1 {
					to: "about_entry";
					relative: 0.0 0.0;
					offset: 6 3;
				}

				rel2 {
					to: "about_entry";
					relative: 1.0 1.0;
					offset: -7 -5;
				}
			}
		}

		part { 
			name: "authors_clip";
			type: RECT;
			mouse_events: 0;
			clip_to: "about_enlightenment_clip";

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

				rel1 {
					to: "authors_entry";
					relative: 0.0 0.0;
					offset: 6 3;
				}
				rel2 {
					to: "authors_entry";
					relative: 1.0 1.0;
					offset: -7 -5;
				}
			}
		}

		part { 
			name: "e.textblock.about";
			type: TEXTBLOCK;
			mouse_events: 0;
			clip_to: "about_clip";
			scale: 1;

			description { 
				state: "default" 0.0;
				align: 0.5 0.0;
				min: 160 0;
				max: 10000 10000;
				fixed: 1 1;

				rel1 {
					to: "about_entry";
					relative: 0.0 1.0;
					offset: 12 0;
				}

				rel2 {
					to: "about_entry";
					relative: 1.0 1.0;
					offset: -6 -1;
				}

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

			description { 
				state: "up" 0.0;
				inherit: "default" 0.0;
				align: 0.5 1.0;

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

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

		part { 
			name: "e.textblock.authors";
			type: TEXTBLOCK;
			mouse_events: 0;
			clip_to: "authors_clip";
			scale: 1;

			description { 
				state: "default" 0.0;
				align: 0.5 0.0;
				min: 160 0;
				max: 10000 10000;
				fixed: 1 1;

				rel1 {
					to: "authors_entry";
					relative: 0.0 1.0;
					offset: 12 0;
				}

				rel2 {
					to: "authors_entry";
					relative: 1.0 1.0;
					offset: -6 0;
				}

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

			description { 
				state: "up" 0.0;
				inherit: "default" 0.0;
				align: 0.5 1.0;

				rel1 {
					relative: 0.0 0.0;
					offset: 12 16;
				}

				rel2 {
					relative: 1.0 0.0;
					offset: -6 16;
				}
			}
		}

		part {
			name: "button.area";
			type: RECT;
			mouse_events: 0;

			description {
				state: "default" 0.0;
				min: 200 32;
				max: 200 32;
				fixed: 1 1;
				color: 255 255 255 255;

				rel1 { 
					to: "base"; 
					relative: 0.0 1.0; 
					offset: 0 0; 
				}

				rel2 { 
					to: "base"; 
					relative: 1.0 1.0; 
					offset: 0 -48; 
				}
			}
		}

		part {
			name: "button_base";
			type: IMAGE;
			mouse_events: 0;
			clip_to: "button.area";

			description {
				state: "default" 0.0;
				min: 98 28;
				max: 98 28;
				fixed: 1 1;
				image.normal: "images/button_im0.png";
				image.border: 7 7 7 7;
				color: 255 255 255 178;

				rel1 { 
					to: "button.area"; 
					relative: 0.5 0.5; 
				}

				rel2 { 
					to: "button.area"; 
					relative: 0.5 0.5; 
				}	
			}
		}

		part {
			name: "button_clip";
			type: RECT;
			mouse_events: 0;
			clip_to: "button.area";

			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";
			type: IMAGE;
			mouse_events: 1;
			clip_to: "button_clip";

			description {
				state: "default" 0.0;
				image.normal: "images/button_im1.png";
				image.border: 7 7 7 7;

				rel1 { 
					to: "button_clip"; 
					relative: 0.0 0.0; 
					offset: 0 0; 
				}

				rel2 { 
					to: "button_clip"; 
					relative: 1.0 1.0; 
					offset: -1 -1; 
				}
			}
		}

		part {
			name: "shadow";
			type: IMAGE;
			mouse_events: 0;
			clip_to: "button_clip";

			description {
				state: "default" 0.0;
				min: 86 26;
				image.normal: "images/button_im4.png";
				image.border: 6 6 0 6;
				color: 255 255 255 0;

				rel1 { 
					to: "button_clip"; 
				}

				rel2 { 
					to: "button_clip"; 
				}
			}

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

		part {
			name: "text";
			type: TEXT;
			effect: SHADOW;
			mouse_events: 0;
			clip_to: "button.area";

			description {
				state: "default" 0.0;
				color: 60 60 60 255;
			        color3: 255 255 255 128;

				rel1 { 
					to: "button_clip";
					offset: 0 2;
				}

				rel2 { 
					to: "button_clip";
				}

				text {
					text: "Close";
					#if USE_FONTCONFIG == 0
						font: "DejaVuSans-Bold";
					#else
					#if USE_FONTCONFIG == 1
						font: "Sans:style=Bold";
					#endif
					#endif
					size: 11;
					min: 1 1;
					align: 0.5 0.5;
					#if ENABLE_TEXT_CLASSES == 0
						text_class: "";
					#else
					#if ENABLE_TEXT_CLASSES == 1
						text_class: "button";
					#endif
					#endif  
				}
			}

			description {
				state: "clicked" 0.0;
				inherit: "default" 0.0;
				color: 60 60 60 229;
				color3: 170 168 169 64;
			}
		}

		part {
			name: "shadow_overlay";
			type: IMAGE;
			mouse_events: 0;
			clip_to: "button_clip";

			description {
				state: "default" 0.0;
				min: 86 26;
				image.normal: "images/button_im5.png";
				image.border: 6 6 6 13;
				color: 255 255 255 0;

				rel1 { 
					to: "button_clip"; 
				}

				rel2 { 
					to: "button_clip"; 
				}
			}

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

	programs {
		about_dialog_buttons()

		program { 
			name: "hide_logo_clip";
			signal: "show";
			source: "";
			action: STATE_SET "hidden" 0.0;
			transition: LINEAR 2.0;
			target: "logo_clip"; in: 5.0 0.0;
			after: "show_about_enlightenment_clip";
		}

		program { 
			name: "show_about_enlightenment_clip";
			signal: "";
			source: "";
			action: STATE_SET "visible" 0.0;
			transition: LINEAR 2.0;
			target: "about_enlightenment_clip";
			after: "show";
			after: "restart";
		}

		program { 
			name: "show";
			signal: "";
			source: "";
			action: STATE_SET "up" 0.0;
			transition: LINEAR 45.0;
			target: "e.textblock.about";
			after: "reset";
		}

		program { 
			name: "reset";
			action: STATE_SET "default" 0.0;
			target: "e.textblock.about";
			after: "show";
		}

		program { 
			name: "restart";
			signal: "";
			source: "";
			action: STATE_SET "up" 0.0;
			transition: LINEAR 45.0;
			target: "e.textblock.authors";
			after: "restart2";
		}
		program { 
			name: "restart2";
			action: STATE_SET "default" 0.0;
			target: "e.textblock.authors";
			after: "restart";
		}
	}
}

