########################################################################
# Spinbox
########################################################################

style "spinbutton"    
{
	engine "pixmap"
	{
### Spinbutton ###
		image
		{
      		function = BOX
      		detail = "spinbutton"
      		file = "assets/spin.png"
      		border = {2, 4, 4, 4}
      		stretch	= TRUE
    	}
    	
### Arrow UP ###
    	image
    	{
      		function = ARROW
    	}

## Normal
    	image
    	{
			function = BOX
			state = NORMAL
			detail = "spinbutton_up"
			overlay_file = "assets/null.png"
			overlay_stretch	= TRUE
    	}
    
## Prelight
    	image
    	{
			function = BOX
			state = PRELIGHT
      		detail = "spinbutton_up"
			overlay_file = "assets/null.png"
			overlay_stretch	= TRUE
		}

## Insensitive    
		image
		{
			function = BOX
			state = INSENSITIVE
			detail = "spinbutton_up"
			overlay_file = "assets/null.png"
			overlay_stretch	= TRUE
		}

## Active
		image
		{
			function = BOX
			state = ACTIVE
			detail = "spinbutton_up"
			overlay_file = "assets/null.png"
			overlay_stretch	= TRUE
		}    

### Arrow DOWN ###
		
## Normal
		image
		{
			function = BOX
			state = NORMAL
			detail = "spinbutton_down"
			overlay_file = "assets/null.png"
			overlay_stretch	= TRUE
		}

## Prelight
		image
    	{
			function = BOX
      		state = PRELIGHT
      		detail = "spinbutton_down"
      		overlay_file = "assets/null.png"
      		overlay_stretch	= TRUE
    	}

## Insensitive    
    	image
    	{
      		function = BOX
      		state = INSENSITIVE
      		detail = "spinbutton_down"
      		overlay_file = "assets/null.png"
      		overlay_stretch	= TRUE
    	}

## Active    
    	image
    	{
      		function = BOX
      		state = ACTIVE
      		detail = "spinbutton_down"
      		overlay_file = "assets/null.png"
      		overlay_stretch	= TRUE
    	}
  	}
}

class "GtkSpinButton*" style "spinbutton"