#
# This file is a part of the NsCDE - Not so Common Desktop Environment
#

########################################################################
# Originally adapted from HP-UXMotif / Adwaita by
# Jos van Riswick 2017 / josvanr@gmail.com
# GPL3
########################################################################

###################################################################
# WRITTEN BY MOTIFCOLORS OR CDEPANEL SCRIPT FOR CURRENT CDE PALETTE
include "cdecolors.rc"
###################################################################

style "styleScrollbar" {
	# Also scrollbar slider width
	# the trought will be put around that, so 2 px wider. In HPUX the 2 sidepixels of the 
	# slider were transparent, in order to make possible a 2px border trough
	GtkRange::slider-width = 11
	# Height of the stepper (for vertical). The arrow is 11x11px. But CDE has
	# 1 pix of sel color between the stepper and slider, so I added an extra pixel
	# under the base of the arrow (in sel color) So this has to be 12:
   	GtkRange::stepper-size = 12
	# Why is this here?
	GtkCheckButtonClass::indicator-size = 14
   	GtkRadioButtonClass::indicator-size = 14
	engine "pixmap" {
		image {
		    function = BOX
		    detail = "trough"
		    file = "../img2/colorset5/scrollbarTrough.png"
		    border = {3, 3, 3, 3}
		    stretch = TRUE
		    orientation = VERTICAL
		}
		image {
		    function = BOX
		    detail = "trough"
		    file = "../img2/colorset5/scrollbarTrough.png"
		    border = {3, 3, 3, 3}
		    stretch = TRUE
		    orientation = HORIZONTAL
		}
		image {
		    function = SLIDER
		    file = "../img2/colorset5/scrollbarSlider.png"
		    border = {3, 3, 3, 3}
		    stretch = TRUE
		    orientation = HORIZONTAL
			}
		image {
		    function = SLIDER
		    file = "../img2/colorset5/scrollbarSlider.png"
		    border = {3, 3, 3, 3}
		    stretch = TRUE
		    orientation = VERTICAL
		}
		image {
		    function = ARROW
		    state = NORMAL
		    overlay_file = "../img2/colorset5/scrollbarArrowUp.png"
		    # Using transparent images is not really handy because there is another 
		    # default button under that, not clean background.
		    overlay_stretch = FALSE
		    arrow_direction = UP
		}
		image {
		    function = ARROW
		    state = PRELIGHT
		    overlay_file = "../img2/colorset5/scrollbarArrowUp.png"
		    overlay_stretch = FALSE
		    arrow_direction = UP
		}
		image {
		    function = ARROW
		    state = INSENSITIVE
		    overlay_file = "../img2/colorset5/scrollbarArrowUp.png"
		    overlay_stretch = FALSE
		    arrow_direction = UP
		}
		image {
		    function = ARROW
		    state = ACTIVE
		    overlay_file = "../img2/colorset5/scrollbarArrowUpPressed.png"
		    overlay_stretch = FALSE
		    arrow_direction = UP
		}
		image {
		    function = ARROW
		    state = NORMAL
		    overlay_file = "../img2/colorset5/scrollbarArrowDown.png"
		    overlay_stretch = FALSE
		    arrow_direction = DOWN
		}
		image {
		    function = ARROW
		    state = PRELIGHT
		    overlay_file = "../img2/colorset5/scrollbarArrowDown.png"
		    overlay_stretch = FALSE
		    arrow_direction = DOWN
		}
		image {
		    function = ARROW
		    state = INSENSITIVE
		    overlay_file = "../img2/colorset5/scrollbarArrowDown.png"
		    overlay_stretch = FALSE
		    arrow_direction = DOWN
		}
		image {
		    function = ARROW
		    state = ACTIVE
		    overlay_file = "../img2/colorset5/scrollbarArrowDownPressed.png"
		    overlay_stretch = FALSE
		    arrow_direction = DOWN
		}
		image {
		    function = ARROW
		    state = NORMAL
		    overlay_file = "../img2/colorset5/scrollbarArrowLeft.png"
		    overlay_stretch = FALSE
		    arrow_direction = LEFT
		}
		image {
		    function = ARROW
		    state = PRELIGHT
		    overlay_file = "../img2/colorset5/scrollbarArrowLeft.png"
		    overlay_stretch = FALSE
		    arrow_direction = LEFT
		}
		image {
		    function = ARROW
		    state = INSENSITIVE
		    overlay_file = "../img2/colorset5/scrollbarArrowLeft.png"
		    overlay_stretch = FALSE
		    arrow_direction = LEFT
		}
		image {
		    function = ARROW
		    state = ACTIVE
		    overlay_file = "../img2/colorset5/scrollbarArrowLeftPressed.png"
		    overlay_stretch = FALSE
		    arrow_direction = LEFT
		}
		image {
		    function = ARROW
		    state = NORMAL
		    overlay_file = "../img2/colorset5/scrollbarArrowRight.png"
		    overlay_stretch = FALSE
		    arrow_direction = RIGHT
		}
		image {
		    function = ARROW
		    state = PRELIGHT
		    overlay_file = "../img2/colorset5/scrollbarArrowRight.png"
		    overlay_stretch = FALSE
		    arrow_direction = RIGHT
		}
		image {
		    function = ARROW
		    state = INSENSITIVE
		    overlay_file = "../img2/colorset5/scrollbarArrowRight.png"
		    overlay_stretch = FALSE
		    arrow_direction = RIGHT
		}
		image {
		    function = ARROW
		    state = ACTIVE
		    overlay_file = "../img2/colorset5/scrollbarArrowRightPressed.png"
		    overlay_stretch = FALSE
		    arrow_direction = RIGHT
		}    
	} # engine pixmap
} # style scrollbar

style "styleScrollbar6" {
	# Also scrollbar slider width
	# the trought will be put around that, so 2 px wider. In HPUX the 2 sidepixels of the 
	# slider were transparent, in order to make possible a 2px border trough
	GtkRange::slider-width = 11
	# Height of the stepper (for vertical). The arrow is 11x11px. But CDE has
	# 1 pix of sel color between the stepper and slider, so I added an extra pixel
	# under the base of the arrow (in sel color) So this has to be 12:
   	GtkRange::stepper-size = 12
	# Why is this here?
	GtkCheckButtonClass::indicator-size = 14
   	GtkRadioButtonClass::indicator-size = 14
	engine "pixmap" {
		image {
		    function = BOX
		    detail = "trough"
		    file = "../img2/colorset6/scrollbarTrough.png"
		    border = {3, 3, 3, 3}
		    stretch = TRUE
		    orientation = VERTICAL
		}
		image {
		    function = BOX
		    detail = "trough"
		    file = "../img2/colorset6/scrollbarTrough.png"
		    border = {3, 3, 3, 3}
		    stretch = TRUE
		    orientation = HORIZONTAL
		}
		image {
		    function = SLIDER
		    file = "../img2/colorset6/scrollbarSlider.png"
		    border = {3, 3, 3, 3}
		    stretch = TRUE
		    orientation = HORIZONTAL
			}
		image {
		    function = SLIDER
		    file = "../img2/colorset6/scrollbarSlider.png"
		    border = {3, 3, 3, 3}
		    stretch = TRUE
		    orientation = VERTICAL
		}
		image {
		    function = ARROW
		    state = NORMAL
		    overlay_file = "../img2/colorset6/scrollbarArrowUp.png"
		    # Using transparent images is not really handy because there is another 
		    # default button under that, not clean background
		    overlay_stretch = FALSE
		    arrow_direction = UP
		}
		image {
		    function = ARROW
		    state = PRELIGHT
		    overlay_file = "../img2/colorset6/scrollbarArrowUp.png"
		    overlay_stretch = FALSE
		    arrow_direction = UP
		}
		image {
		    function = ARROW
		    state = INSENSITIVE
		    overlay_file = "../img2/colorset6/scrollbarArrowUp.png"
		    overlay_stretch = FALSE
		    arrow_direction = UP
		}
		image {
		    function = ARROW
		    state = ACTIVE
		    overlay_file = "../img2/colorset6/scrollbarArrowUpPressed.png"
		    overlay_stretch = FALSE
		    arrow_direction = UP
		}
		image {
		    function = ARROW
		    state = NORMAL
		    overlay_file = "../img2/colorset6/scrollbarArrowDown.png"
		    overlay_stretch = FALSE
		    arrow_direction = DOWN
		}
		image {
		    function = ARROW
		    state = PRELIGHT
		    overlay_file = "../img2/colorset6/scrollbarArrowDown.png"
		    overlay_stretch = FALSE
		    arrow_direction = DOWN
		}
		image {
		    function = ARROW
		    state = INSENSITIVE
		    overlay_file = "../img2/colorset6/scrollbarArrowDown.png"
		    overlay_stretch = FALSE
		    arrow_direction = DOWN
		}
		image {
		    function = ARROW
		    state = ACTIVE
		    overlay_file = "../img2/colorset6/scrollbarArrowDownPressed.png"
		    overlay_stretch = FALSE
		    arrow_direction = DOWN
		}
		image {
		    function = ARROW
		    state = NORMAL
		    overlay_file = "../img2/colorset6/scrollbarArrowLeft.png"
		    overlay_stretch = FALSE
		    arrow_direction = LEFT
		}
		image {
		    function = ARROW
		    state = PRELIGHT
		    overlay_file = "../img2/colorset6/scrollbarArrowLeft.png"
		    overlay_stretch = FALSE
		    arrow_direction = LEFT
		}
		image {
		    function = ARROW
		    state = INSENSITIVE
		    overlay_file = "../img2/colorset6/scrollbarArrowLeft.png"
		    overlay_stretch = FALSE
		    arrow_direction = LEFT
		}
		image {
		    function = ARROW
		    state = ACTIVE
		    overlay_file = "../img2/colorset6/scrollbarArrowLeftPressed.png"
		    overlay_stretch = FALSE
		    arrow_direction = LEFT
		}
		image {
		    function = ARROW
		    state = NORMAL
		    overlay_file = "../img2/colorset6/scrollbarArrowRight.png"
		    overlay_stretch = FALSE
		    arrow_direction = RIGHT
		}
		image {
		    function = ARROW
		    state = PRELIGHT
		    overlay_file = "../img2/colorset6/scrollbarArrowRight.png"
		    overlay_stretch = FALSE
		    arrow_direction = RIGHT
		}
		image {
		    function = ARROW
		    state = INSENSITIVE
		    overlay_file = "../img2/colorset6/scrollbarArrowRight.png"
		    overlay_stretch = FALSE
		    arrow_direction = RIGHT
		}
		image {
		    function = ARROW
		    state = ACTIVE
		    overlay_file = "../img2/colorset6/scrollbarArrowRightPressed.png"
		    overlay_stretch = FALSE
		    arrow_direction = RIGHT
		}    
	} # engine pixmap
} # style scrollbar

style "styleRange"
{
	GtkRange::slider_width = 13
	# What  determines the length? The png seems to be stretched in lenght 
	# a couple of pixels.
	engine "pixmap" {
		image {
			function = BOX
			detail = "trough"
			file = "../img2/colorset5/scrollbarTrough.png"
            		border = {3, 3, 3, 3}
			stretch	= TRUE
			orientation	= HORIZONTAL
		}
		image {
			function = BOX
			detail = "trough"
			file = "../img2/colorset5/scrollbarTrough.png"
            		border = {3, 3, 3, 3}
			stretch	= TRUE
			orientation	= VERTICAL
		}
		image {
			function = SLIDER
			# overlay_file = "scale/slider-horiz.png"
			file = "../img2/colorset5/rangeSliderHorizontal.png"
			stretch	= TRUE
			orientation	= HORIZONTAL
		}
		image {
			function = SLIDER
			# overlay_file = "scale/slider-vert.png"
			file = "../img2/colorset5/rangeSliderVertical.png"
			# overlay_stretch	= FALSE
			orientation	= VERTICAL
		}
		# This is the focus line around widget . Was disabled by setting to null.
		# In CDE this is orange so keep (set in "default" style)
		# image {
			# function = FOCUS
			# file = "null.png"
		# } 
	}
}

style "styleRange6"
{
	GtkRange::slider_width = 13
	# What  determines the length? The png seems to be stretched in lenght 
	# a couple of pixels. 
	engine "pixmap" {
		image {
			function = BOX
			detail = "trough"
			file = "../img2/colorset6/scrollbarTrough.png"
            		border = {3, 3, 3, 3}
			stretch	= TRUE
			orientation	= HORIZONTAL
		}
		image {
			function = BOX
			detail = "trough"
			file = "../img2/colorset6/scrollbarTrough.png"
            		border = {3, 3, 3, 3}
			stretch	= TRUE
			orientation	= VERTICAL
		}
		image {
			function = SLIDER
			# overlay_file = "scale/slider-horiz.png"
			file = "../img2/colorset6/rangeSliderHorizontal.png"
			stretch	= TRUE
			orientation	= HORIZONTAL
		}
		image {
			function = SLIDER
			# overlay_file = "scale/slider-vert.png"
			file = "../img2/colorset6/rangeSliderVertical.png"
			# overlay_stretch	= FALSE
			orientation	= VERTICAL
		}
		# This is the focus line around widget . Was disabled by setting to null.
		# In CDE this is orange so keep (set in "default" style)
		# image {
			# function = FOCUS
			# file = "null.png"
		# } 
	}
}

style "styleNotebook" {
	# Thickness leads to the selected notebook getting drawn larger ...
	xthickness = 2
	ythickness = 2
  	GtkNotebook::tab-overlap = 4
	# Some pixel trouble in this department but how to solve...?
	engine "pixmap" 
	{
		# This seems to be unnecessary (or defined also elswhere)
		image {
			function = BOX
			file = "../img2/colorset5/notebook.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
		      }
		image {
			function = EXTENSION
			state = ACTIVE
			file = "../img2/colorset5/notebookTabTop.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_side = BOTTOM
		}
		image {
			function = EXTENSION
			file = "../img2/colorset5/notebookTabTopActive.png"
			border = {1, 1, 1, 1}
			stretch = TRUE
			gap_side = BOTTOM
		}
		image {
			function = EXTENSION
			state = ACTIVE
			file = "../img2/colorset5/notebookTabBottom.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_side = TOP
		}
		image {
			function = EXTENSION
			file = "../img2/colorset5/notebookTabBottomActive.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_side = TOP
		}
		image {
			function = EXTENSION
			state = ACTIVE
			file = "../img2/colorset5/notebookTabLeft.png"
			border = {1,1,1,1}
			stretch	= TRUE
			gap_side = RIGHT
		}
		image {
			function = EXTENSION
			file = "../img2/colorset5/notebookTabLeftActive.png"
			border = {1, 1, 1, 1}
			stretch = TRUE
			gap_side = RIGHT
		}
    		image {
			function = EXTENSION
			state = ACTIVE
			file = "../img2/colorset5/notebookTabRight.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_side = LEFT
		}
		image {
			function = EXTENSION
			file = "../img2/colorset5/notebookTabRightActive.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_side = LEFT
		}
		# Note this represents open area in the box not in the tab.
		# If this is not present, the entire box is drawn by default
		# drawer not by pixmap. the pixmaps in the box then have no 
		# effect
		image {
			function = BOX_GAP
			file = "../img2/colorset5/notebook.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_file = "../img2/colorset5/notebookTopGap.png"
			gap_border = {1, 1, 0, 0}
			gap_start_file = "null.png"
			gap_start_border = {0, 0, 0, 0}
			gap_end_file = "null.png"
			gap_end_border = {0, 0, 0, 0}
			gap_side = TOP
		}
		image {
			function = BOX_GAP
			file = "../img2/colorset5/notebook.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_file = "../img2/colorset5/notebookBottomGap.png"
			gap_border = {1, 1, 0, 0}
			gap_start_file = "null.png"
			gap_start_border = {0, 0, 0, 0}
			gap_end_file = "null.png"
			gap_end_border = {0, 0, 0, 0}
			gap_side = BOTTOM
		      }
		image {
			function = BOX_GAP
			file = "../img2/colorset5/notebook.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_file = "../img2/colorset5/notebookLeftGap.png"
			gap_border = {0, 0, 1, 1}
			gap_start_file = "null.png"
			gap_start_border = {0, 0, 0, 0}
			gap_end_file = "null.png"
			gap_end_border = {0, 0, 0, 0}
			gap_side = LEFT
      		}
		image {
			function = BOX_GAP
			file = "../img2/colorset5/notebook.png" 
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_file = "../img2/colorset5/notebookRightGap.png"
			gap_border = {0, 0, 1, 1}
			gap_start_file = "null.png"
			gap_start_border = {0, 0, 0, 0}
			gap_end_file = "null.png"
			gap_end_border = {0, 0, 0, 0}
			gap_side = RIGHT
		}
		# image {
			# function = FOCUS
			# file = "null.png"
			# border = {1, 1, 1, 1}
			# stretch = TRUE
		# }
	}
}

style "styleNotebook6" {
	# Thickness leads to the selected notebook getting drawn larger ...
	xthickness = 2
	ythickness = 2
  	GtkNotebook::tab-overlap = 4

	# Some pixel trouble in this department but how to solve...?
	engine "pixmap" 
	{
		# This seems to be unnecessary (or defined also elswhere)
		image {
			function = BOX
			file = "../img2/colorset6/notebook.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
		      }
		image {
			function = EXTENSION
			state = ACTIVE
			file = "../img2/colorset6/notebookTabTop.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_side = BOTTOM
		}
		image {
			function = EXTENSION
			file = "../img2/colorset6/notebookTabTopActive.png"
			border = {1, 1, 1, 1}
			stretch = TRUE
			gap_side = BOTTOM
		}
		image {
			function = EXTENSION
			state = ACTIVE
			file = "../img2/colorset6/notebookTabBottom.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_side = TOP
		}
		image {
			function = EXTENSION
			file = "../img2/colorset6/notebookTabBottomActive.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_side = TOP
		}
		image {
			function = EXTENSION
			state = ACTIVE
			file = "../img2/colorset6/notebookTabLeft.png"
			border = {1,1,1,1}
			stretch	= TRUE
			gap_side = RIGHT
		}
		image {
			function = EXTENSION
			file = "../img2/colorset6/notebookTabLeftActive.png"
			border = {1, 1, 1, 1}
			stretch = TRUE
			gap_side = RIGHT
		}
    		image {
			function = EXTENSION
			state = ACTIVE
			file = "../img2/colorset6/notebookTabRight.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_side = LEFT
		}
		image {
			function = EXTENSION
			file = "../img2/colorset6/notebookTabRightActive.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_side = LEFT
		}
		# Note this represents open area in the box not in the tab.
		# If this is not present, the entire box is drawn by default
		# drawer not by pixmap. the pixmaps in the box then have no 
		# effect
		image {
			function = BOX_GAP
			file = "../img2/colorset6/notebook.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_file = "../img2/colorset6/notebookTopGap.png"
			gap_border = {1, 1, 0, 0}
			gap_start_file = "null.png"
			gap_start_border = {0, 0, 0, 0}
			gap_end_file = "null.png"
			gap_end_border = {0, 0, 0, 0}
			gap_side = TOP
		}
		image {
			function = BOX_GAP
			file = "../img2/colorset6/notebook.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_file = "../img2/colorset6/notebookBottomGap.png"
			gap_border = {1, 1, 0, 0}
			gap_start_file = "null.png"
			gap_start_border = {0, 0, 0, 0}
			gap_end_file = "null.png"
			gap_end_border = {0, 0, 0, 0}
			gap_side = BOTTOM
		      }
		image {
			function = BOX_GAP
			file = "../img2/colorset6/notebook.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_file = "../img2/colorset6/notebookLeftGap.png"
			gap_border = {0, 0, 1, 1}
			gap_start_file = "null.png"
			gap_start_border = {0, 0, 0, 0}
			gap_end_file = "null.png"
			gap_end_border = {0, 0, 0, 0}
			gap_side = LEFT
      		}
		image {
			function = BOX_GAP
			file = "../img2/colorset6/notebook.png" 
			border = {1, 1, 1, 1}
			stretch	= TRUE
			gap_file = "../img2/colorset6/notebookRightGap.png"
			gap_border = {0, 0, 1, 1}
			gap_start_file = "null.png"
			gap_start_border = {0, 0, 0, 0}
			gap_end_file = "null.png"
			gap_end_border = {0, 0, 0, 0}
			gap_side = RIGHT
		}
		# image {
			# function = FOCUS
			# file = "null.png"
			# border = {1, 1, 1, 1}
			# stretch = TRUE
		# }
	}
}

style "styleButton" {
	engine "pixmap" {
		image {
			function = BOX
			state = NORMAL
			file = "../img2/colorset5/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = PRELIGHT
			file = "../img2/colorset5/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = INSENSITIVE
			file = "../img2/colorset5/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = ACTIVE
			file = "../img2/colorset5/buttonPressed.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		# image {
			# function = FOCUS
			# file = "null.png"
		# }
	}
}

style "styleButton6" {
	engine "pixmap" {
		image {
			function = BOX
			state = NORMAL
			file = "../img2/colorset6/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = PRELIGHT
			file = "../img2/colorset6/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = INSENSITIVE
			file = "../img2/colorset6/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = ACTIVE
			file = "../img2/colorset6/buttonPressed.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		# image {
			# function = FOCUS
			# file = "null.png"
		# }
	}
}

style "styleRadioButton" {
	engine "pixmap" {
		image {
			function = CHECK
			shadow = OUT
			overlay_file = "../img2/colorset5/radioButton.png"
			overlay_stretch = FALSE
		}
		image {
			function = CHECK
			shadow = IN
			overlay_file = "../img2/colorset5/radioButtonPressed.png"
			overlay_stretch = FALSE
		}
		image {
			function = OPTION
			shadow = OUT
			overlay_file = "../img2/colorset5/radioButton.png"
			overlay_stretch = FALSE
		}
		image {
			function = OPTION
			shadow = IN
			overlay_file = "../img2/colorset5/radioButtonPressed.png"
			overlay_stretch = FALSE
		}
	}
}

style "styleRadioButton6" {
	engine "pixmap" {
		image {
			function = CHECK
			shadow = OUT
			overlay_file = "../img2/colorset6/radioButton.png"
			overlay_stretch = FALSE
		}
		image {
			function = CHECK
			shadow = IN
			overlay_file = "../img2/colorset6/radioButtonPressed.png"
			overlay_stretch = FALSE
		}
		image {
			function = OPTION
			shadow = OUT
			overlay_file = "../img2/colorset6/radioButton.png"
			overlay_stretch = FALSE
		}
		image {
			function = OPTION
			shadow = IN
			overlay_file = "../img2/colorset6/radioButtonPressed.png"
			overlay_stretch = FALSE
		}
	}
}


style "styleCheckBox" {
	engine "pixmap" 
	{
		image {
			function = CHECK
			shadow = OUT
			overlay_file = "../img2/colorset5/checkButton.png"
			overlay_stretch = FALSE
		}
		image {
			function = CHECK
			shadow = IN
			overlay_file = "../img2/colorset5/checkButtonPressed.png"
			overlay_stretch = FALSE
		}
		image {
			function = OPTION
			shadow = OUT
			overlay_file = "../img2/colorset5/checkButton.png"
			overlay_stretch = FALSE
		}
		image {
			function = OPTION
			shadow = IN
			overlay_file = "../img2/colorset5/checkButtonPressed.png"
			overlay_stretch = FALSE
		}
	}
}

style "styleCheckBox6" {
	engine "pixmap" 
	{
		image {
			function = CHECK
			shadow = OUT
			overlay_file = "../img2/colorset6/checkButton.png"
			overlay_stretch = FALSE
		}
		image {
			function = CHECK
			shadow = IN
			overlay_file = "../img2/colorset6/checkButtonPressed.png"
			overlay_stretch = FALSE
		}
		image {
			function = OPTION
			shadow = OUT
			overlay_file = "../img2/colorset6/checkButton.png"
			overlay_stretch = FALSE
		}
		image {
			function = OPTION
			shadow = IN
			overlay_file = "../img2/colorset6/checkButtonPressed.png"
			overlay_stretch = FALSE
		}
	}
}


style "styleProgressBar" {
	GtkProgressBar ::shadow-type = GTK_SHADOW_NONE
	GtkProgressBar::min-horizontal-bar-height = 15
	GtkProgressBar::min-vertical-bar-width = 15
	#man..
	xthickness = 1
	ythickness = 1
	#bg[NORMAL] = "#A8978F"
	#bg[SELECTED] = @selected_bg_color
	engine "pixmap" {
		image {
			function = BOX
			detail = "trough"
            		file = "../img2/colorset5/progressBarTrough.png"
			border = {3, 3, 3, 3}
			stretch	= TRUE
			orientation	= HORIZONTAL
		}
		image {
			function = BOX
			detail = "trough"
            		file = "../img2/colorset5/progressBarTrough.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
			orientation	= VERTICAL
		}
		image {
			function = SHADOW
			shadow = IN
            		file = "../img2/colorset5/progressBarTrough.png"
			border = {3, 3, 3, 3}
			stretch	= TRUE
		}
		image {
			function = BOX
			detail = "bar"
            		file = "../img2/colorset5/progressBackground.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			orientation	= HORIZONTAL
		}
		image {
			function = BOX
			detail = "bar"
            		file = "../img2/colorset5/progressBackground.png"
			border = {1, 1, 1, 1}
			stretch = TRUE
			orientation	= VERTICAL
		}
		image {
			function = BOX
			state = SELECTED
			border = {1, 1, 1, 1}
            		file = "../img2/colorset5/progressBackground.png"
			stretch	= TRUE
		}
	}
}

style "styleProgressBar6" {
	GtkProgressBar ::shadow-type = GTK_SHADOW_NONE
	GtkProgressBar::min-horizontal-bar-height = 15
	GtkProgressBar::min-vertical-bar-width = 15
	# man..
	xthickness = 1
	ythickness = 1
	# bg[NORMAL] = "#A8978F"
	# bg[SELECTED] = @selected_bg_color
	engine "pixmap" {
		image {
			function = BOX
			detail = "trough"
            		file = "../img2/colorset6/progressBarTrough.png"
			border = {3, 3, 3, 3}
			stretch	= TRUE
			orientation	= HORIZONTAL
		}
		image {
			function = BOX
			detail = "trough"
            		file = "../img2/colorset6/progressBarTrough.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
			orientation	= VERTICAL
		}
		image {
			function = SHADOW
			shadow = IN
            		file = "../img2/colorset6/progressBarTrough.png"
			border = {3, 3, 3, 3}
			stretch	= TRUE
		}
		image {
			function = BOX
			detail = "bar"
            		file = "../img2/colorset6/progressBackground.png"
			border = {1, 1, 1, 1}
			stretch	= TRUE
			orientation	= HORIZONTAL
		}
		image {
			function = BOX
			detail = "bar"
            		file = "../img2/colorset6/progressBackground.png"
			border = {1, 1, 1, 1}
			stretch = TRUE
			orientation	= VERTICAL
		}
		image {
			function = BOX
			state = SELECTED
			border = {1, 1, 1, 1}
            		file = "../img2/colorset6/progressBackground.png"
			stretch	= TRUE
		}
	}
}

style "styleStatusBar" {
	# Grip in the bottom right corner to resize a box
	engine "pixmap" {
		image {
			function = RESIZE_GRIP
			detail = "statusbar"
			overlay_file = "../img2/colorset5/resizer.png"
			overlay_stretch	= FALSE
		}
	}
}

style "styleStatusBar6" {
	#grip in the bottom right corner to resize a box
	engine "pixmap" {
		image {
			function = RESIZE_GRIP
			detail = "statusbar"
			overlay_file = "../img2/colorset6/resizer.png"
			overlay_stretch	= FALSE
		}
	}
}

style "styleEntry" {
	GtkEntry::inner-border = {1, 1, 1, 1}
	engine "pixmap" {
		image {
			function = SHADOW
			detail = "entry"
			file = "../img2/colorset5/entryInnerBorder.png"
			border = {3, 3, 3, 3}
			stretch	= TRUE
		}
	}
}

style "styleEntry6" {
	GtkEntry::inner-border = {1, 1, 1, 1}
	engine "pixmap" {
		image {
			function = SHADOW
			detail = "entry"
			file = "../img2/colorset6/entryInnerBorder.png"
			border = {3, 3, 3, 3}
			stretch	= TRUE
		}
	}
}

style "styleSpinButton"    {
	engine "pixmap" {
		image {
			function = BOX
			detail = "spinbutton"
			file = "../img2/colorset5/button.png"
			border = {4, 4, 4, 4}
			stretch	= TRUE
		}
		#???
		image {
			function = ARROW
		}
		image {
			function = BOX
			state = NORMAL
			detail = "spinbutton_up"
			overlay_file = "../img2/colorset5/spinButtonUp.png"
			# The image is 'overlayed' only transparent image with for black and white pixels
			# for transparent alpha=50overlay white corresponts to ts color black for bs color
			overlay_stretch	= FALSE
		}
		image {
			function = BOX
			state = PRELIGHT
      			detail = "spinbutton_up"
			overlay_file = "../img2/colorset5/spinButtonUp.png"
			overlay_stretch	= FALSE
		}
		image {
			function = BOX
			state = INSENSITIVE
			detail = "spinbutton_up"
			overlay_file = "../img2/colorset5/spinButtonUp.png"
			overlay_stretch	= FALSE
		}
		image {
			function = BOX
			state = ACTIVE
			detail = "spinbutton_up"
			overlay_file = "../img2/colorset5/spinButtonUpPressed.png"
			overlay_stretch	= FALSE
		}    
		image {
			function = BOX
			state = NORMAL
			detail = "spinbutton_down"
			overlay_file = "../img2/colorset5/spinButtonDown.png"
			overlay_stretch	= FALSE
		}
		image {
			function = BOX
			state = PRELIGHT
			detail = "spinbutton_down"
			overlay_file = "../img2/colorset5/spinButtonDown.png"
			overlay_stretch	= FALSE
		}
		image {
			function = BOX
			state = INSENSITIVE
			detail = "spinbutton_down"
			overlay_file = "../img2/colorset5/spinButtonDown.png"
			overlay_stretch	= FALSE
		}
		image {
			function = BOX
			state = ACTIVE
			detail = "spinbutton_down"
			overlay_file = "../img2/colorset5/spinButtonDownPressed.png"
			overlay_stretch	= FALSE
		}
  	}
}


style "styleSpinButton6"    {
	engine "pixmap" {
		image {
			function = BOX
			detail = "spinbutton"
			file = "../img2/colorset6/button.png"
			border = {4, 4, 4, 4}
			stretch	= TRUE
		}
		#???
		image {
			function = ARROW
		}
		image {
			function = BOX
			state = NORMAL
			detail = "spinbutton_up"
			overlay_file = "../img2/colorset6/spinButtonUp.png"
			# The image is 'overlayed' only transparent image with for black and white pixels
			# for transparent alpha=60overlay white corresponts to ts color black for bs color
			overlay_stretch	= FALSE
		}
		image {
			function = BOX
			state = PRELIGHT
      			detail = "spinbutton_up"
			overlay_file = "../img2/colorset6/spinButtonUp.png"
			overlay_stretch	= FALSE
		}
		image {
			function = BOX
			state = INSENSITIVE
			detail = "spinbutton_up"
			overlay_file = "../img2/colorset6/spinButtonUp.png"
			overlay_stretch	= FALSE
		}
		image {
			function = BOX
			state = ACTIVE
			detail = "spinbutton_up"
			overlay_file = "../img2/colorset6/spinButtonUpPressed.png"
			overlay_stretch	= FALSE
		}    
		image {
			function = BOX
			state = NORMAL
			detail = "spinbutton_down"
			overlay_file = "../img2/colorset6/spinButtonDown.png"
			overlay_stretch	= FALSE
		}
		image {
			function = BOX
			state = PRELIGHT
			detail = "spinbutton_down"
			overlay_file = "../img2/colorset6/spinButtonDown.png"
			overlay_stretch	= FALSE
		}
		image {
			function = BOX
			state = INSENSITIVE
			detail = "spinbutton_down"
			overlay_file = "../img2/colorset6/spinButtonDown.png"
			overlay_stretch	= FALSE
		}
		image {
			function = BOX
			state = ACTIVE
			detail = "spinbutton_down"
			overlay_file = "../img2/colorset6/spinButtonDownPressed.png"
			overlay_stretch	= FALSE
		}
  	}
}

style "styleArrowBeam" {
	engine "pixmap" {
		# Cant test the 'up' arrow.. where does it appear?
		image {
			function		= ARROW
			state		= NORMAL
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowBeamUp.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		image {
			function		= ARROW
			state		= PRELIGHT
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowBeamUp.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		image {
			function		= ARROW
			state		= ACTIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowBeamUpPressed.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		image {
			function		= ARROW
			state		= INSENSITIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowBeamUp.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		# DOWN
		image {
			function		= ARROW
			state		= NORMAL
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowBeamDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function		= ARROW
			state		= PRELIGHT
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowBeamDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function		= ARROW
			state		= ACTIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowBeamDownPressed.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function		= ARROW
			state		= INSENSITIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowBeamDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		# Used for dialog bg. in apps. like Inkscape 
		image {
			function		= BOX
			recolorable	= TRUE
			file        	= "null.png"
			border      	= { 2, 2, 2, 2 }
			stretch        	= TRUE
		}
	}
}

style "styleArrowBeam6" {
	engine "pixmap" {
		# Cant test the 'up' arrow.. where does it appear?
		image {
			function		= ARROW
			state		= NORMAL
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowBeamUp.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		image {
			function		= ARROW
			state		= PRELIGHT
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowBeamUp.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		image {
			function		= ARROW
			state		= ACTIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowBeamUpPressed.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		image {
			function		= ARROW
			state		= INSENSITIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowBeamUp.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		# DOWN
		image {
			function		= ARROW
			state		= NORMAL
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowBeamDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function		= ARROW
			state		= PRELIGHT
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowBeamDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function		= ARROW
			state		= ACTIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowBeamDownPressed.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function		= ARROW
			state		= INSENSITIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowBeamDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		# Used for dialog bg. in apps. like Inkscape 
		image {
			function		= BOX
			recolorable	= TRUE
			file        	= "null.png"
			border      	= { 2, 2, 2, 2 }
			stretch        	= TRUE
		}
	}
}


style "styleArrow" {
	engine "pixmap" {
		image {
			function		= ARROW
			state		= NORMAL
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowUp.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		image {
			function		= ARROW
			state		= PRELIGHT
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowUp.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		image {
			function		= ARROW
			state		= ACTIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowUpPressed.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		image {
			function		= ARROW
			state		= INSENSITIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowUp.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		image {
			function		= ARROW
			state		= NORMAL
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function		= ARROW
			state		= PRELIGHT
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function		= ARROW
			state		= ACTIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowDownPressed.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function		= ARROW
			state		= INSENSITIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function		= ARROW
			state		= NORMAL
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= LEFT
		}
		image {
			function		= ARROW
			state		= PRELIGHT
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= LEFT
		}
		image {
			function		= ARROW
			state		= ACTIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowDownPressed.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= LEFT
		}
		image {
			function		= ARROW
			state		= INSENSITIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= LEFT
		}
		image {
			function		= ARROW
			state		= NORMAL
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= RIGHT
		}
		image {
			function		= ARROW
			state		= PRELIGHT
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= RIGHT
		}
		image {
			function		= ARROW
			state		= ACTIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowDownPressed.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= RIGHT
		}
		image {
			function		= ARROW
			state		= INSENSITIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset5/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= RIGHT
		}
		# Used for dialog bg. in apps. like Inkscape 
		image {
			function		= BOX
			recolorable	= TRUE
			file        	= "null.png"
			border      	= { 2, 2, 2, 2 }
			stretch        	= TRUE
		}
	}
}

style "styleArrow6" {
	engine "pixmap" {
		image {
			function		= ARROW
			state		= NORMAL
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowUp.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		image {
			function		= ARROW
			state		= PRELIGHT
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowUp.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		image {
			function		= ARROW
			state		= ACTIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowUpPressed.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		image {
			function		= ARROW
			state		= INSENSITIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowUp.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= UP
		}
		image {
			function		= ARROW
			state		= NORMAL
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function		= ARROW
			state		= PRELIGHT
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function		= ARROW
			state		= ACTIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowDownPressed.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function		= ARROW
			state		= INSENSITIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function		= ARROW
			state		= NORMAL
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= LEFT
		}
		image {
			function		= ARROW
			state		= PRELIGHT
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= LEFT
		}
		image {
			function		= ARROW
			state		= ACTIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowDownPressed.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= LEFT
		}
		image {
			function		= ARROW
			state		= INSENSITIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= LEFT
		}
		image {
			function		= ARROW
			state		= NORMAL
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= RIGHT
		}
		image {
			function		= ARROW
			state		= PRELIGHT
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= RIGHT
		}
		image {
			function		= ARROW
			state		= ACTIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowDownPressed.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= RIGHT
		}
		image {
			function		= ARROW
			state		= INSENSITIVE
			recolorable	= TRUE
			overlay_file	= "../img2/colorset6/arrowDown.png"
			overlay_border	= { 0, 0, 0, 0 }
			overlay_stretch	= FALSE
			arrow_direction	= RIGHT
		}
		# Used for dialog bg. in apps. like Inkscape 
		image {
			function		= BOX
			recolorable	= TRUE
			file        	= "null.png"
			border      	= { 2, 2, 2, 2 }
			stretch        	= TRUE
		}
	}
}

# Button that doesnt go in / colors when pressed
style "styleButtonOutsetOnly" {
	engine "pixmap" {
		image {
			function = BOX
			state = NORMAL
			file = "../img2/colorset5/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = PRELIGHT
			file = "../img2/colorset5/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = INSENSITIVE
			file = "../img2/colorset5/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = ACTIVE
			file = "../img2/colorset5/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		# image {
			# function = FOCUS
			# file = "null.png"
		# }
    }
}

# Button that doesnt go in / colors when pressed
style "styleButtonOutsetOnly6" {
	engine "pixmap" {
		image {
			function = BOX
			state = NORMAL
			file = "../img2/colorset6/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = PRELIGHT
			file = "../img2/colorset6/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = INSENSITIVE
			file = "../img2/colorset6/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = ACTIVE
			file = "../img2/colorset6/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		# image {
			# function = FOCUS
			# file = "null.png"
		# }
    }
}

# Button that doesnt go in / colors when pressed
style "styleButtonOutsetOnly6" {
	engine "pixmap" {
		image {
			function = BOX
			state = NORMAL
			file = "../img2/colorset6/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = PRELIGHT
			file = "../img2/colorset6/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = INSENSITIVE
			file = "../img2/colorset6/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		image {
			function = BOX
			state = ACTIVE
			file = "../img2/colorset6/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
		# image {
			# function = FOCUS
			# file = "null.png"
		# }
    }
}


style "styleOutsetGreen" {
	# fg[NORMAL] = "#fff"
	# fg[PRELIGHT] = "#fff"
	fg[INSENSITIVE] = shade (0.5, "#4991A6")
	engine "pixmap" {
		image {
			function = BOX
			# These menubar items stuff are all cde colorset 6 so ../img2/colorset6 directory
			file = "../img2/colorset6/button.png"
			border = {3, 3, 3, 3}
			stretch = TRUE
		}
	}
}

style "styleInsetGreen" {
	engine "pixmap" {
		image {
			function = BOX
			file = "../img2/colorset6/buttonPressed.png"
			border = {3, 3, 3, 3}
			stretch	= TRUE
		}
		image {
			function = HLINE
	 		file = "../img2/colorset6/separatorHorizontal.png"
			border = {0, 0, 0, 0}
			stretch = TRUE
		}
		image {
			function = VLINE
	 		file = "../img2/colorset6/separatorVertical.png"
			border = {0, 0, 0, 0}
			stretch = TRUE
		}
		image {
			function = ARROW
			overlay_file = "../img2/colorset6/arrowUp.png"
			overlay_border = {3,3,3,3}
			overlay_stretch = FALSE
			arrow_direction	= UP
		}
		image {
			function = ARROW
			overlay_file = "../img2/colorset6/arrowDown.png"
			overlay_border = {3,3,3,3}
			overlay_stretch	= FALSE
			arrow_direction	= DOWN
		}
		image {
			function = ARROW
			overlay_file = "../img2/colorset6/arrowLeft.png"
			overlay_border = {3,3,3,3}
			overlay_stretch	= FALSE
			arrow_direction	= LEFT
		}
		image {
			function = ARROW
			overlay_file = "../img2/colorset6/arrowRight.png"
			overlay_border = {3,3,3,3}
			overlay_stretch	= FALSE
			arrow_direction	= RIGHT
		}
	}
}

# This one in cde is always colorset 6
style "styleOptionMenuBeam" {
	engine "pixmap" {
		image {
			function        = TAB
			state           = NORMAL
			overlay_file    = "../img2/colorset6/comboBoxBeam.png"
			overlay_stretch = FALSE
		}

		image {
			function        = TAB
			state           = PRELIGHT
			overlay_file    = "../img2/colorset6/comboBoxBeam.png"
			overlay_stretch = FALSE
		}

		image {
			function        = TAB
			state           = ACTIVE
			overlay_file    = "../img2/colorset6/comboBoxBeam.png"
			overlay_stretch = FALSE
		}

		image {
			function        = TAB
			state           = INSENSITIVE
			overlay_file    = "../img2/colorset6/comboBoxBeam.png"
			overlay_stretch = FALSE
		}
	}
}

style "styleFrame" {
	engine "pixmap" {
		image {
			function = SHADOW
			shadow   = NONE
		}
		# These two affect the statusbar but oddly enough not the
		# 'frame in and out' in awf-gtk2
		image {
			function	= SHADOW
			recolorable	= FALSE
			shadow		= IN
			file		= "../img2/colorset5/frameSHADOWIn.png"
			border		= { 2, 2, 2, 2}
			stretch		= TRUE
		}
		image {
			function	= SHADOW
			recolorable	= FALSE
			shadow		= OUT
			file		= "../img2/colorset5/frameSHADOWOut.png"
			border		= { 2, 2, 2, 2 }
			stretch		= TRUE
		}   
		image {
			function	= SHADOW
			recolorable	= FALSE
			shadow		= ETCHED_IN
			file		= "../img2/colorset5/frameStandAloneOut.png"
			border		= { 2, 2, 2, 2}
			stretch		= TRUE
		}
		image {
			function	= SHADOW
			recolorable	= FALSE
			shadow		= ETCHED_OUT
			file		= "../img2/colorset5/frameStandAlone.png"
			border		= { 2, 2, 2, 2 }
			stretch		= TRUE
		}
		# WITHOUT THIS THE FRAMES ARE DRAWN BY DEFAULT ENGINE, ALL IMAGES ARE SKIPPED!
		# Or is this the actual frame?
		# Then what do the other 'etched out' etc do?
		image {
			function	= SHADOW_GAP
			recolorable	= TRUE
			file		= "../img2/colorset5/frameBoxInset.png"
			border		= { 2, 2, 2, 2 }
			stretch		= TRUE
			gap_start_file  = "../img2/colorset5/frameGapTopStart.png"
			gap_start_border= { 1, 0, 0, 0 }
			gap_end_file	= "../img2/colorset5/frameGapTopEnd.png"
			gap_end_border  = { 0, 2, 0, 0 }
			gap_side	= TOP
		}
	}
}

style "styleFrame6" {
	engine "pixmap" {
		image {
			function = SHADOW
			shadow   = NONE
		}
		# These two affect the statusbar but oddly enough not the
		# 'frame in and out' in awf-gtk2
		image {
			function	= SHADOW
			recolorable	= FALSE
			shadow		= IN
			file            = "../img2/colorset6/frameSHADOWIn.png"
			border		= { 2, 2, 2, 2}
			stretch		= TRUE
		}
		image {
			function	= SHADOW
			recolorable	= FALSE
			shadow		= OUT
			file		= "../img2/colorset6/frameSHADOWOut.png"
			border		= { 2, 2, 2, 2 }
			stretch		= TRUE
		}   
		image {
			function	= SHADOW
			recolorable	= FALSE
			shadow		= ETCHED_IN
			file		= "../img2/colorset6/frameStandAloneOut.png"
			border		= { 2, 2, 2, 2}
			stretch		= TRUE
		}
		image {
			function	= SHADOW
			recolorable	= FALSE
			shadow		= ETCHED_OUT
			file		= "../img2/colorset6/frameStandAlone.png"
			border		= { 2, 2, 2, 2 }
			stretch		= TRUE
		}
		# WITHOUT THIS THE FRAMES ARE DRAWN BY DEFAULT ENGINE, ALL IMAGES ARE SKIPPED!
		# Or is this the actual frame?
		# Then what do the other 'etched out' etc do?
		image {
			function	= SHADOW_GAP
			recolorable	= TRUE
			file		= "../img2/colorset6/frameBoxInset.png"
			border		= { 2, 2, 2, 2 }
			stretch		= TRUE
			gap_start_file  = "../img2/colorset6/frameGapTopStart.png"
			gap_start_border= { 1, 0, 0, 0 }
			gap_end_file	= "../img2/colorset6/frameGapTopEnd.png"
			gap_end_border  = { 0, 2, 0, 0 }
			gap_side	= TOP
		}
	}
}

style "styleSeparator" {
	xthickness = 2
	ythickness = 2
	# GtkSeparatorMenuItem::horizontal-padding = 2
	# GtkWidget::wide-separators = 2
	# GtkWidget::separator-width = 2
	# GtkWidget::separator-height = 2
	engine "pixmap" {
		image {
			function = VLINE
			recolorable = TRUE
			file = "../img2/colorset5/separatorVertical.png"
		      	# overlay_file     = "../img2/colorset5/frameStandAlone.png"
			border = {0,0,0,0}
			stretch = TRUE
		}
		image {
			function = HLINE
			recolorable = TRUE
			# overlay_file     = "../img2/colorset5/frameStandAlone.png"
			file = "../img2/colorset5/separatorHorizontal.png"
			border = {0,0,0,0}
			stretch = TRUE
		}
	}
} 

style "styleSeparator6" {
	#enough
	xthickness = 2
	ythickness = 2
	# GtkSeparatorMenuItem::horizontal-padding = 2
	# GtkWidget::wide-separators = 2
	# GtkWidget::separator-width = 2
	# GtkWidget::separator-height = 2
	engine "pixmap" {
		image {
			function = VLINE
			recolorable = TRUE
			file = "../img2/colorset6/separatorVertical.png"
		      	# overlay_file     = "../img2/colorset6/frameStandAlone.png"
			border = {0,0,0,0}
			stretch = TRUE
		}
		image {
			function = HLINE
			recolorable = TRUE
		      	# file     = "../img2/colorset6/frameStandAlone.png"
			# overlay_file     = "../img2/colorset6/frameStandAlone.png"
			file = "../img2/colorset6/separatorHorizontal.png"
			border = {0,0,0,0}
			stretch = TRUE
		}
	}
} 

#############################################################################

style "default"
{
	# GtkButton::default_border         = {5, 5, 5, 5}
	# GtkButton::default_outside_border = {6, 6, 6, 6}
	# GtkButton::default_spacing        = 5
	# GtkCheckButton::indicator_size    = 15
	# GtkRadioButton::indicator_size    = 15
	# GtkMenuItem::selected_shadow_type = out
	# GtkRange::slider_width            = 22
	# GtkRange::stepper_size            = 12
	# GtkRange::stepper_spacing         = 0
	# GtkRange::trough_border           = 0
	# GtkScrollbar::min_slider_length   = 20
	# GtkWidget::focus-line-pattern     = "\0"
	# GtkWidget::focus-line-width       = 2
	# GtkWidget::interior_focus         = 0
	# GtkWidget::internal-padding       = 2
	# GtkScrollbar::has_backward_stepper = 0
	# GtkScrollbar::has_forward_stepper = 0
	# GtkScrollbar::has_secondary_forward_stepper = 0
	# GtkScrollbar::has_secondary_backward_stepper = 0
	# GtkProgressBar::min-horizontal-bar-height = 4
	# GtkProgressBar::min-vertical-bar-width = 4

	# GtkButton::focus-padding          = 0
	GtkComboBox::appears-as-list = 1
  	GtkOptionMenu::indicator_spacing  = {0, 10, 0, 0}
  	GtkMenuBar::internal-padding = 4
	GtkPaned::handle_full_size        = 10
	GtkPaned::handle-size = 10
	GtkHPaned::handle-size = 10
	GtkVPaned::handle-size = 10
  	GtkToolbar::internal-padding = 4
    	GtkWidget::new-tooltip-style    = 1 # for compatibility

	xthickness = 1
	ythickness = 1

	engine "pixmap" {
		# orange focus line around widgets when clicking on them
		image {
			function = FOCUS
			file     = "../img2/colorset5/focus.png"
			border   = {1, 1, 1, 1}
			stretch  = TRUE
		}
	} #pixmap
}

style "styleHandle"{
	engine "pixmap" {
		image {
			function    = HANDLE
			file = "../img2/colorset5/handleSeparatorHorizontal.png"
			# border = {0,0,0,0}
			orientation = HORIZONTAL
			# SOME WAY TO RIGHT ALIGN THIS?
			overlay_file    = "../img2/colorset5/handleButtonHorizontal.png"
			overlay_stretch = FALSE
		}
		image {
			function    = HANDLE
			# file = "../img2/colorset5/separatorVertical.png"
			file = "../img2/colorset5/handleSeparatorVertical.png"
			# border = {0,0,0,0}
			orientation = VERTICAL
			overlay_file    = "../img2/colorset5/handleButtonVertical.png"
			overlay_stretch = FALSE
		}
		image {
			# grip in the bottom right corner to resize a box
			# nothing to do with handles
			function = RESIZE_GRIP
			# file    = "../img2/colorset5/button.png"
			overlay_file = "../img2/colorset5/resizer.png"
			overlay_stretch = FALSE
			# border = {1,1,1,1}
		}
	}	
}

style "styleHandle6"{
	engine "pixmap" {
		image {
			function    = HANDLE
			file = "../img2/colorset6/handleSeparatorHorizontal.png"
			# border = {0,0,0,0}
			orientation = HORIZONTAL
			overlay_file    = "../img2/colorset6/handleButton.png"
			overlay_stretch = FALSE
		}
		image {
			function    = HANDLE
			file = "../img2/colorset6/handleSeparatorVertical.png"
			# border = {0,0,0,0}
			orientation = VERTICAL
			overlay_file    = "../img2/colorset6/handleButton.png"
			overlay_stretch = FALSE
		}
		image {
			# grip in the bottom right corner to resize a box
			# nothing to do with handles
			function = RESIZE_GRIP
			# file    = "../img2/colorset6/button.png"
			overlay_file = "../img2/colorset6/resizer.png"
			overlay_stretch = FALSE
			# border = {1,1,1,1}
		}
	}	
}

#############################################################################

# ONLY SIZES AND SUCH IN THIS STYLE
# class "*" 					style "default"

class "GtkWidget" 				style "default"

# COLORS
widget_class "*" 				style "cde_style_5"
widget_class "*GtkWindow*" 			style "cde_style_5"
# widget_class "*Dialog*" 			style "cde_style_6"
widget_class "*ialog*" 				style "cde_style_6"
# widget_class "*MenuBar*" 			style "cde_style_6"

# Menus are drawn with colored pixmaps but this is necessary for the text to have the right color:
# unfortunately it seems to be impossible to select menus popping out of the menubar separately rom
# other menus. So just make em all greenbg/whitefg (color set 6)
widget_class "*GtkMenu*" 			style "cde_style_6"
widget_class "*GtkOptionMenu*" 			style "cde_style_6"
widget_class "*ToolBar*" 			style "cde_style_5"
widget_class "*List*"				style "cde_style_4"
widget_class "*CList*"				style "cde_style_sel_5"

# This also affects the text in combobox entry (not list, although it is set to appear as list)
widget_class "*Text*" 				style "cde_style_4"
widget_class "*Edit*" 				style "cde_style_4"
widget_class "*Tree*"				style "cde_style_sel_5"
widget_class "*Dialog*Box*Tree*"		style "cde_style_sel_6"
widget_class "*TreeView"			style "cde_style_4"
widget_class "*GtkEntry*"			style "cde_style_4"

# This affext the text in combo box entry
widget_class "*Combo*" 				style "cde_style_4"
widget_class "*Icon*" 				style "cde_style_sel_5"
widget_class "*Spin*" 				style "cde_style_4"

# WIDGETS
# widget_class "GtkScrollbar*" 			style "styleScrollbar"
widget_class "*crollbar*" 			style "styleScrollbar"

# Why will it only work like this (for xfce appearance thingie and scrollbar inside combobutton in file selection)
widget_class "*ialog*crollbar*" 		style "styleScrollbar6"

# Note: 'class "gtkrange .. etc cant be over written apparently so use widget_class:
# (but with scrollbar it does work.. figures (NO))
widget_class "GtkRange*" 			style "styleRange"
widget_class "*<GtkDialog>.<GtkRange>*" 	style "styleRange6"
widget_class "*ialog*GtkRange*" 		style "styleRange6"

# In gimp 'widget_class' doesnt select, but 'class' does... why?
# If anyone knows, drop me a note josvanr@gmail.com
class "GtkNotebook"      			style "styleNotebook"
widget_class "*otebook*" 			style "styleNotebook"

# What will work for one wont necessarily work for the other... hmm to makes sure, leave bogth
widget_class "*<GtkDialog>.<GtkNotebook>*" 	style "styleNotebook6"
widget_class "*ialog*GtkNotebook*" 		style "styleNotebook6"

# utton instead of GtkButton for the color and font thing in awf-gtk2
widget_class "*utton*" 				style "styleButton"
widget_class "*ialog*utton*" 			style "styleButton6"
widget_class "*<GtkDialog>.<GtkButton>*" 	style "styleButton6"

# This is not selecting ! WHY:
# widget_class "GtkSeparator*"                 	style "styleSeparator"
widget_class "*Separator*"                     	style "styleSeparator"
widget_class "*<GtkSeparator>*"                	style "styleSeparator"
widget_class "*ialog*Separator*"               	style "styleSeparator6"
widget_class "*<GtkDialog>.<GtkSeparator>*"    	style "styleSeparator6"

# The handle doesnt appear to be able to be selected separately.. but this works
widget_class "*"                   	   	style "styleHandle"
widget_class "*ialog*"                      	style "styleHandle6"

widget_class "*GtkRadio*" 				style "styleRadioButton"
widget_class "*ialog**GtkRadio*" 			style "styleRadioButton6"

# Dont know/have any gtk2 app with this, so cant test:
widget_class "*GtkRadioMenuItem*" 		style "styleRadioButton6"

# See checkbox
widget_class "GtkTreeView*" 			style "styleRadioButton"

widget_class "*GtkCheckButton*" 		style "styleCheckBox"
widget_class "*ialog*GtkCheckButton*" 		style "styleCheckBox6"

class "GtkCheckMenuItem*" 			style "styleCheckBox6"

# should make this blue but then need 3rd set of images maybe later
class "GtkTreeView*" 				style "styleCheckBox"

# Need a dialog with progress bar in it to test this
widget_class "*GtkProgressBar*" 		style "styleProgressBar"
widget_class "*ialog*GtkProgressBar*" 		style "styleProgressBar6"
widget_class "*GtkTreeView*" 			style "styleProgressBar"

widget_class "*GtkStatusbar*" 			style "styleStatusBar"
widget_class "*ialog*GtkStatusbar*" 		style "styleStatusBar6"

widget_class "*GtkEntry*"			style "styleEntry"
widget_class "*ialog*GtkEntry*"			style "styleEntry6"

widget_class "*GtkSpinButton*"			style "styleSpinButton"
widget_class "*ialog*GtkSpinButton*"		style "styleSpinButton6"

# Appears on top of the combo box button  but where else does it appear?
# ...aha in file dialog, the buttonsin the top that sort the entries
# So: try to separate first default arrow

# This works:
widget_class "*GtkArrow*"			style "styleArrow"
widget_class "*ialog*GtkArrow*"			style "styleArrow6"

# but this doesnt.. why
# widget_class "<*GtkArrow*>*"				style "styleArrow"

# This selectx only the arrow in combo box button:
widget_class "*Combo*GtkArrow*"			style "styleArrowBeam"
widget_class "*ialog*Combo*GtkArrow*"		style "styleArrowBeam6"

# Apparently gimp uses its own type of combos and arrows, because we need this to make it work !:
widget_class "*ialog*ombo*rrow*"		style "styleArrowBeam6"

# In cde, button on combobox doesnt color when pressed down, only the arrow triangle presses down 
# See cde calendar/timezone
widget_class "*Combo*.*Button*"			style "styleButtonOutsetOnly"
widget_class "*ialog*Combo*.*Button*"		style "styleButtonOutsetOnly6"

# widget_class "*Combo*" style "comboboxstyle"

# This can be done.. but want? leave for now
# style "appearsAsListTrue" {
#   GtkComboBox::appears-as-list = 1
# }
#
# style "appearsAsListFalse" {
#   GtkComboBox::appears-as-list = 0
# }

# hm cant make comboboxentry appear as opttionmenu (like i did in gtk3) so this 
#will appear differently
#widget_class "*Combo*"				style "appearsAsListFalse"
#widget_class "*Combo*Entry*"			style "appearsAsListTrue"

# bg and edge around the menubar
widget_class "*GtkMenuBar*" 			style "styleOutsetGreen"

# bg and edge around entire popup menu 
widget_class "*GtkMenu" 			style "styleOutsetGreen"

# bg and edge around File/Edit items in menubar 
# fuck with *GtkMenuItem* this doesnt work for gimp but it does like this:
widget_class "*GtkMenuBar.*MenuItem*"		style "styleInsetGreen"
widget_class "*GtkMenuBar.GtkMenuItem*"		style "styleInsetGreen"

# bg and edge of menuitems inside popup menu
widget_class "*<GtkMenu>.<GtkMenuItem>*"	style "styleInsetGreen"
widget_class "*GtkFrame*"             		style "styleFrame"

# Need app with frame in dialog to test
widget_class "*ialog*GtkFrame*"       		style "styleFrame6"

# Only the button of the option menu
widget_class "*GtkOptionMenu*" 			style "styleOutsetGreen"
widget_class "*GtkOptionMenu*" 			style "styleOptionMenuBeam"
widget_class "*GtkOptionMenu*" 			style "styleOptionMenuBeam"

widget_class "*oolbar*" 			style "styleButtonOutsetOnly"
widget_class "*ialog*oolbar*" 			style "styleButtonOutsetOnly6"

# HMM BUTTONS IN THE TOOLBAR STAY FLAT FOR SOME REASON TODO
widget_class "*oolbar*utton*" 			style "styleButton"
widget_class "*ialog*oolbar*utton*" 		style "styleButton6"

