#######################################################################
#BUTTONS
#######################################################################

##########
# Normal buttons
##########

style "button"
{
	xthickness							= 3
	ythickness							= 3

	GtkButton::default_border				= { 0, 0, 0, 0 }
	GtkButton::default_outside_border			= { 0,0, 0, 0 }
	
	GtkButton::child_displacement_y			= 1
	
	
	engine "experience"
	{
		group "buttondefault" 
		{
			detail					= "buttondefault"
		}
	
		group "button_focus" = "button-template"
		{	
			property "has-focus"					= TRUE
			state						= NORMAL
			
			image 50 {	recolor "#ff0000"	= base[selected]
						brightness		= 0.25 }
			image 60 {	recolor "#ff0000"	= base[selected]
						brightness		= 0.4}
			image 70 { 	recolor "#ff0000"	= base[selected]
						brightness		= 0 }
		}
		
		group "button_default" = "button_focus"
		{	
			property "has-default"					= TRUE
			property "has-focus"					= FALSE
		}
	
		group "button_normal" = "button-template"
		{
			state						= NORMAL
			shadow						= OUT
			
			image 50 {	dont_draw		= TRUE}
			image 60 {	dont_draw		= TRUE}
		}
		
		group "button_normal_in" = "button_active"
		{
			state						= NORMAL
			shadow						= OUT
			
			image 50 {	dont_draw		= TRUE}
			image 60 {	dont_draw		= TRUE
						recolor "#ff0000"	= bg[selected] }
		}
		
		group "button_prelight" = "button-template"
		{
			state						= PRELIGHT
			image 70 {	recolor "#ff0000"	= "#ffa000"}
		}
		
		group "button_active" = "button-template"
		{
			state						= ACTIVE
			
			fill 9 {		brightness		= -0.035 }
			image 10 {	brightness 		= -0.035 }
			image 40 {	rotate			= AROUND
						border			= { 6, 6, 6, 6 }}
			image 60 {	recolor "#ff0000"	= "#ffa000"
						brightness		= -0.2
						saturation		= 1.2}
			image 70	{	brightness		= 0.1
						recolor "#ff0000"	= "#ffa000" }
			 
		}
		
		group "button_insensitive" = "button-template"
		{	
			state						= INSENSITIVE
			fill 9 {		brightness		= 0.025 }
			image 10 {	brightness		= 0.025 }
			image 20 {	opacity			= 0.05} 
			image 30 {	opacity			= 0.1}
			image 40 {	opacity			= 0.3} 
			image 50 {	dont_draw		= TRUE}
			image 60 {	dont_draw		= TRUE}
			image 70 {	opacity			= 0.2}
			image 80 {	opacity			= 0.5 }
		}

	}
	
}


##########
# Toolbar Buttons
##########

style "toolbarbuttons"
{
	engine "experience"
	{
	
		group "button_tool_focus"
		{
			function						= FOCUS
			
			image 1 {	file				= "images/button/button_frame.png"
						interpolation_type	= NEAREST
						recolor "#ff0000"	= bg[selected]
						border			= { 3, 3, 3, 3 }
						padding			= { 1, 1, 1, 1 }
						opacity			= 0.6 }
		}
		
		group "button_tool_normal" = "button_normal"
		{	
			image 80 {	recolor "#ff0000"	= bg[normal]
					 	brightness		= -0.25}	
		}
	
		group "button_tool_normal_in" = "button_tool_active"
		{
			shadow						= IN
		}
	
		group "button_tool_prelight_out" = "button_tool_normal"
		{	
			shadow						= OUT
			state						= PRELIGHT
			fill 9 {		brightness		= 0.05 }
			image 10 { 	brightness		= 0.05 }
		}
		
		group "button_tool_active" = "button_tool_normal"
		{
			state						= ACTIVE
			
			fill 9 {		brightness		= -0.035 }
			image 10 {	brightness		= -0.035 }
			image 40 {	rotate			= AROUND
						border			={ 6, 6, 6, 6 }
						opacity			= 0.5 }
			image 70 {	rotate			= AROUND }

		}
		
		group "button_tool_prelight_in" = "button_tool_active"
		{
			shadow						= IN
			state						= PRELIGHT
			fill 9 {		brightness		= 0 }
			image 10 { 	brightness		= 0 }
		}
		
		group "button_tool_insensitive" = "button_insensitive"
		{
			image 80 {	recolor "#ff0000"	= bg[normal]
					 	brightness		= -0.25}	
		}

		group "button_tool_none" {
			function					= BOX
			shadow						= NONE
		}
		
	}
}



###########
# Toggle Buttons
##########

style "togglebutton"
{

	engine "experience"
	{
		
	#Focus#
					
		group "button_toggle_focus" = "button_focus"
		{	
			shadow						= OUT
		}

		group "button_toggle_focus_in" = "button_active"
		{	
			shadow						= IN
			property "has-focus"					= TRUE
			
			image 50 {	recolor "#ff0000"	= base[selected]
						brightness		= 0.2
						saturation		= 0.8}
			image 60 {	recolor "#ff0000"	= base[selected]
						brightness		= -0.05
						saturation		= 0.8}
			image 70 { 	recolor "#ff0000"	= base[selected]
						brightness		= 0.3}

		}
		
		group "button_toggle_focus_nostate" = "button_focus"
		{	
			shadow						= ETCHED_IN
			property "has-focus"					= TRUE
						
			fill 9 {		dont_draw		= TRUE}
			image 10 {	dont_draw		= TRUE}
			image 40 {	opacity			= 0.1}
			image 50 {	brightness		= 0.2}
			image 60 {	brightness		= 0.2
						saturation		= 1}
			image 60 {	dont_draw		= TRUE}
		}
		
		group "button_toggle_default" = "button_default"
		{	
			shadow						= OUT
		}
		
		group "button_toggle_default_in" = "button_toggle_focus_in"
		{	
			property "has-default"					= TRUE
			property "has-focus"					= FALSE
		}
	
		group "button_toggle_default_nostate" = "button_toggle_focus_nostate"
		{	
			property "has-default"					= TRUE
			property "has-focus"					= FALSE
		}
	
	#Normal#	
	
		group "button_toggle_normal"		= "button_normal"
		
		group "button_toggle_normal_nostate"	= "button-template"
		{
			shadow						= ETCHED_IN
			state						= NORMAL, ACTIVE

			fill 9 {		dont_draw		= TRUE}
			image 10 {	dont_draw		= TRUE}
			image 40 {	opacity			= 0.1}
			image 50 {	dont_draw		= TRUE}
			image 60 {	dont_draw		= TRUE}
			image 70 {	opacity			= 0.1}
		}
	
	#Prelight#
	
		group "button_toggle_prelight"	= "button_prelight"
		{
			state						= PRELIGHT
			shadow						= OUT
		}
		
		group "button_toggle_prelight_in"	= "button_active"
		{
			state						= PRELIGHT
			shadow						= IN
		}
	
		group "button_toggle_prelight_nostate"	= "button-template"
		{
			shadow						= ETCHED_IN
			state						= PRELIGHT
			
			fill 9 {		dont_draw		= TRUE}
			image 10 {	dont_draw		= TRUE}
			image 40 {	opacity			= 0.1}
			image 50 {	brightness		= 0.05}
			image 60 {	brightness		= 0.05
						saturation		= 1}
			image 70 {	opacity			= 0.1}
		}
	
	#Active#
	
		group "button_toggle_active"		= "button_normal"
		{
			state						 = ACTIVE
			shadow						= IN
			
			fill 9 {		brightness		= -0.035 }
			image 10 {	brightness		= -0.035 }
			image 40 {	rotate			= AROUND
						border			= { 6, 6, 6, 6 }
						opacity			= 0.5 }
			image 70 {	rotate			= AROUND }
		}
		
		group "button_toggle_insensitive"	= "button_insensitive"
	
	}
}


##########
# Panel Buttons
##########

style "panelbuttons"
{
	xthickness							= 4
	ythickness							= 0

	engine "experience" {

		group "button_panel_focuskiller" = "focuskiller"

		group "button_panel_focus_out" = "button_panel_prelight_out"
		{	
			state						= NORMAL
			property "has-focus"					= TRUE
			
			image 20 {	recolor "#ff0000"	=  bg[SELECTED]}
		}
		
		
		group "button_panel_focus_in" = "button_panel_focus_out"
		{	
			shadow						= IN
			
			image 10 {	file				= "images/button/panelbutton_in.png" }
		}
				
		group "button_panel_normal_out"
		{	
			function						= BOX
			state						= NORMAL
			shadow						= OUT
			
			image 10 {	file				= "images/button/panelbutton_out.png"
						border			= { 3, 3, 1, 0 }
						draw_components	= BORDER }

		}
		
		group "button_panel_normal_in" = "button_panel_normal_out"
		{	
			shadow						= IN
			state						= NORMAL, ACTIVE
			
			image 10 {	file				= "images/button/panelbutton_in.png"
						draw_components	= ALL}
		}
		
		
		group "button_panel_prelight_out" = "button_panel_normal_out"
		{	
			state						= PRELIGHT
			
			image 20 {	file				= "images/button/panel_focus.png"
						interpolation_type	= NEAREST
						recolor "#ff0000"	= "#ffa000"
						opacity			= 0.6
						border			= { 1, 1, 1, 0 }
						padding			= { 1, 1, 0, 0 }
						draw_components	= ALL }
		}
		
		group "button_panel_prelight_in" = "button_panel_prelight_out"
		{	
			shadow						= IN
			state						= PRELIGHT
			
			image 10 {	file				= "images/button/panelbutton_in.png" }
		}
		

	}

}


###########
# Option Menu (deprecated, now combo)
###########

style "optionmenu" = "default"
{


	engine "experience"
	{
		group "optionmenu_focus_rtl" = "combobox_focus_rtl" { padding = {2, 0, 3, 3 }}
		group "optionmenu_normal_rtl" = "combobox_normal_rtl" { padding = {2, 0, 3, 3 }}
		group "optionmenu_prelight_rtl" = "combobox_prelight_rtl" { padding = {2, 0, 3, 3 }}
		group "optionmenu_active_rtl" = "combobox_active_rtl" { padding = {2, 0, 3, 3 }}
		group "optionmenu_insensitive_rtl" = "combobox_insensitive_rtl" { padding = {2, 0, 3, 3 }}
					
		group "optionmenu_focus" = "combobox_focus" { padding = {0, 2, 3, 3 }}
		group "optionmenu_normal" = "combobox_normal" { padding = {0, 2, 3, 3 }}
		group "optionmenu_prelight" = "combobox_prelight" { padding = {0, 2, 3, 3 }}
		group "optionmenu_active" = "combobox_active" { padding = {0, 2, 3, 3 }}
		group "optionmenu_insensitive" = "combobox_insensitive" { padding = {0, 2, 3, 3 }}

	
		group "optionmenu_arrow_normal_rtl" = "combobox_arrow_normal" { padding = {0, 2, 0, 0 } function = TAB text_direction = RTL }
		group "optionmenu_arrow_prelight_rtl" = "combobox_arrow_prelight"  { padding = {0, 2, 0, 0 } function = TAB text_direction = RTL }
		group "optionmenu_arrow_active_rtl" = "combobox_arrow_active"  { padding = {0, 2, 0, 0 } function = TAB text_direction = RTL }
		group "optionmenu_arrow_insensitive_rtl" = "combobox_arrow_insensitive"  { padding = {0, 2, 0, 0 } function = TAB text_direction = RTL }

		group "optionmenu_arrow_normal" = "combobox_arrow_normal" { padding = {1, 0, 0, 0 } function = TAB }
		group "optionmenu_arrow_prelight" = "combobox_arrow_prelight"  { padding = {1, 0, 0, 0 } function = TAB }
		group "optionmenu_arrow_active" = "combobox_arrow_active"  { padding = {1, 0, 0, 0 } function = TAB }
		group "optionmenu_arrow_insensitive" = "combobox_arrow_insensitive"  { padding = {1, 0, 0, 0 } function = TAB }

	}
}
