# Vista-Gray
# Vista-Gray-Extreme more gray...


################Comment out if you don't need the stock icons....
#include "icons/iconrc"
################Select your desired menubar colour!!!
include "menubar.rc"
include "specialbuttons.rc"
include "tabnav.rc"
include "admintool.rc"
include "background.rc"
include "themerelated.rc"

#Comment out the following line if don't need a skinned panel!!!
gtk-menu-drop-shadow = 1
gtk-menu-shadow-delay = 0
gtk-icon-sizes = "panel-menu=24,24:panel=24,24:gtk-button=16,16:gtk-large-toolbar=24,24:gtk-large-toolbar=28,28:gtk-small-toolbar=24,24"

# Set GtkSettings color scheme property.
# This can be overriden (via an xsetting) with eg. the gnome-appearance-properties.
gtk_color_scheme = "fg_color:#000\nbg_color:#C0C0C0\nbase_color:#fff\ntext_color:#1A1A1A\nselected_bg_color:#BACACE\nselected_fg_color:#fff\ntooltip_bg_color:#F5F5B5\ntooltip_fg_color:#000"

style "default"
{
  GtkWidget::interior_focus		= 7
  GtkWidget::focus_padding		= 1
  GtkButton::default_border		= { 2, 2, 2, 2 }
  GtkButton::default_outside_border	= { 0, 0, 0, 0 } 
  GtkCheckButton::indicator_size	= 14
  GtkCheckButton::indicator_spacing	= 3
 
  GtkRange::trough_border		= 0
  GtkRange::slider_width		= 20
  GtkRange::stepper_size		= 15
 
  GtkVScale::slider_length 		= 11
  GtkVScale::slider_width 		= 21
  GtkHScale::slider_length		= 11
  GtkHScale::slider_width 		= 21

  GtkPaned::handle_size			= 6

  GtkScrollbar::min_slider_length	= 50
 
  GtkMenuBar::internal_padding		= 0
  GtkOptionMenu::indicator_size		= { 15, 8 }
  GtkOptionMenu::indicator_spacing	= { 8, 2, 0, 0 }
  GtkStatusbar::shadow_type 		= GTK_SHADOW_NONE
  GtkSpinButton::shadow_type		= GTK_SHADOW_NONE

  # Glow the tasklist by changing the color, instead of overlaying it with a rectangle
  WnckTasklist   ::fade-overlay-rect    = 0

  xthickness            		= 1
  ythickness            		= 1
    
  font_name = "Sans 10"

  fg[NORMAL]       = @fg_color
  fg[ACTIVE]       = @fg_color
  fg[PRELIGHT]     = @fg_color
  fg[SELECTED]     = @selected_fg_color
  fg[INSENSITIVE]  = darker (@bg_color)

  bg[NORMAL]       = @bg_color
  bg[ACTIVE]       = shade (0.9, @bg_color)
  bg[PRELIGHT]     = shade (1.02, @bg_color)
  bg[SELECTED]     = @selected_bg_color
  bg[INSENSITIVE]  = @bg_color

  base[NORMAL]     = @base_color
  base[ACTIVE]     = shade (0.9, @selected_bg_color)
  base[PRELIGHT]   = shade (0.95, @bg_color)
  base[INSENSITIVE]= @bg_color
  base[SELECTED]   = @selected_bg_color

  text[NORMAL]      = @text_color
  text[PRELIGHT]    = @text_color
  text[ACTIVE]      = @selected_fg_color
  text[SELECTED]    = @selected_fg_color
  text[INSENSITIVE] = @text_color#darker (@bg_color)

  engine "pixmap"
  {      
    image
    {
      function			= HANDLE
      recolorable		= TRUE
      overlay_file		= "Handles/handle-v.png"
      overlay_stretch	        = FALSE
      orientation		= HORIZONTAL
    }
    image
    {
      function			= HANDLE
      recolorable		= TRUE
      overlay_file		= "Handles/handle-h.png"
      overlay_stretch		= FALSE
      orientation		= VERTICAL
    }

####################### SHADOWS ############################x

    image
    {
      function			= SHADOW
      shadow			= IN
      recolorable		= FALSE
      file			= "Shadows/shadow-in.png"
      border			= { 3, 3, 2, 2 }
      stretch			= TRUE
    }
    image
    {
       function			= SHADOW
       shadow			= OUT
       recolorable		= TRUE
       file			= "Shadows/shadow-out.png"
       #border			= { 1, 1, 1, 1 }
       stretch			= TRUE
    }



    image
    {
       function			= SHADOW
       shadow			= ETCHED_IN
       recolorable		= TRUE
       file			= "Frame-Gap/frame1.png"				
       border			= { 2, 2, 2, 2 }
       stretch			= TRUE
    }
    image
    {
       function			= SHADOW
       shadow			= ETCHED_OUT
       recolorable		= TRUE
       file			= "Shadows/shadow-none.png"
       border			= { 2, 2, 2, 2 }
       stretch			= TRUE
    }
    image
    {
       function			= SHADOW_GAP
       recolorable		= TRUE
       file			= "Frame-Gap/frame1.png"
       border			= { 2, 2, 2, 2 }
       stretch			= TRUE
       gap_start_file		= "Frame-Gap/frame-gap-start.png"
       gap_start_border		= { 2, 0, 2, 0 }
       gap_end_file		= "Frame-Gap/frame-gap-end.png"
       gap_end_border		= { 0, 2, 2, 0 }
       gap_side			= TOP
    }
    image
    {
       function			= VLINE
       recolorable		= TRUE
       file			= "Lines/line-v.png"
       border			= { 1, 1, 0, 0 }
       stretch			= TRUE
    }
    image
    {
      function			= HLINE
      recolorable		= TRUE
      file			= "Lines/line-h.png"
      border			= { 0, 0, 1, 1 }
      stretch			= TRUE
    }

    # focus

    image
    {
      function			= FOCUS
      recolorable		= TRUE
      file			= "Others/focus.png"
      border			= { 3, 3, 3, 3 }
      stretch			= TRUE
    }	

    # arrows

    image
    {
      function			= ARROW
      recolorable		= TRUE
      overlay_file		= "Arrows/arrow-up.png"
      overlay_border		= { 0, 0, 0, 0 }
      overlay_stretch		= FALSE
      arrow_direction		= UP
    }
    image
    {
      function			= ARROW
      recolorable		= TRUE
      overlay_file		= "Arrows/arrow-down.png"
      overlay_border		= { 0, 0, 0, 0 }
      overlay_stretch		= FALSE
      arrow_direction		= DOWN
    }
    image
    {
      function			= ARROW
      recolorable		= TRUE
      overlay_file		= "Arrows/arrow-left.png"
      overlay_border		= { 0, 0, 0, 0 }
      overlay_stretch		= FALSE
      arrow_direction		= LEFT
    }
    image
    {
      function			= ARROW
      recolorable		= TRUE
      overlay_file		= "Arrows/arrow-right.png"
      overlay_border		= { 0, 0, 0, 0 }
      overlay_stretch		= FALSE
      arrow_direction		= RIGHT
    }
    image 
      {
        function		= BOX
	recolorable		= TRUE
	file        		= "Toolbar/toolbar.png"
	border      		= { 3, 3, 3, 3 }
	stretch         	= TRUE
      }
  }
}

class "GtkWidget"          style "default"


#################### Window background ################
style "background"
{
   engine "pixmap"
   {
        image
        {
                function 	= FLAT_BOX
                file 		= "Images/window-background.png"
                border 		= {0, 0, 0, 0}
		stretch		= TRUE
                detail		= "base"
        }
   }
}

class "GtkWindow" 	style "background"

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

style "button"		= "default"
{
  engine "pixmap"
  {
    image
    {
      function			= BOX
      detail			= "buttondefault"
      recolorable		= TRUE
      file			= "Buttons/button-default.png"
      border			= {6, 6, 6, 6}
      stretch			= TRUE
    }
    image
    {
      function			= BOX
      state			= PRELIGHT
      recolorable		= TRUE
      file			= "Buttons/button-prelight.png"
      border			= { 3, 3, 3, 3 }
      stretch			= TRUE
    }
    image
    {
      function			= BOX
      state			= ACTIVE
      file			= "Buttons/button-pressed.png"
      border			= { 3, 3, 3, 3 }
      stretch			= TRUE
    }	
    image 
   {
     function			= BOX
     state			= INSENSITIVE
     file			= "Buttons/button-insensitive.png"
     border			= { 3, 3, 3, 3 }
     stretch			= TRUE
    }
    image 
    {
      function			= BOX
      state			= NORMAL
      file			= "Buttons/button-normal.png"		
      border			= { 3, 3, 3, 3 }
      stretch			= TRUE
    }	
  }
}

style "togglebutton"
{
   engine "pixmap" {

    image 
      {
        function        	= BOX
	recolorable     	= TRUE
	shadow          	= IN
	file            	= "Buttons/button-pressed.png" 
	border          	= { 4, 4, 4, 4  }
	stretch         	= TRUE
      }
    image 
      {
        function        	= BOX
	recolorable   		= TRUE
	shadow         		= OUT
	file            	= "Buttons/button-normal.png" 
	border          	= { 4, 4, 4, 4  }
	stretch         	= TRUE
      }
  }
}

style "checkradiobutton" {
  engine "pixmap" {
    image 
	{
	function		= FLAT_BOX
	recolorable		= TRUE
	file			= "Check-Radio/highlight.png"
	border			= { 2, 5, 2, 5 }
	stretch			= TRUE
       }
    }
}

class "GtkRadioButton" style "checkradiobutton"
class "GtkCheckButton" style "checkradiobutton"

style "optionmenu"		= "default"
{
  engine "pixmap"
  {
    image
    {
      function			= BOX
      recolorable		= TRUE
      state			= PRELIGHT
      file			= "Combo/combo-prelight.png"
      border			= { 5, 5, 5, 5}
      stretch			= TRUE
    }
    image
    {
      function			= BOX
      recolorable		= TRUE
      state			= NORMAL
      file			= "Combo/combo-normal.png"
      border			= { 5, 5, 5, 5}
      stretch			= TRUE
    }

  image
    {
      function			= BOX
      recolorable		= TRUE
      state			= ACTIVE
      file			= "Combo/combo-active.png"
      border			= { 5, 5, 5, 5}
      stretch			= TRUE
    }
 image
    {
      function			= BOX
      recolorable		= TRUE
      state			= INSENSITIVE
      file			= "Combo/combo-inactive.png"
      border			= { 5, 5, 5, 5}
      stretch			= TRUE
    }
    image
    {
      function			= TAB
      state			= INSENSITIVE
      recolorable		= TRUE
      overlay_file		= "Combo/combo-arrow-insens.png"
      overlay_stretch		= FALSE
    }
    image
    {
      function			= TAB
      recolorable		= TRUE
      state			= NORMAL
      overlay_file		= "Combo/combo-arrow.png"
      overlay_border		= { 0, 0, 0, 0 }
      overlay_stretch		= FALSE
    }
  image
    {
      function			= TAB
      recolorable		= TRUE
      state			= PRELIGHT
      overlay_file		= "Combo/combo-arrow-prelight.png"
      overlay_border		= { 0, 0, 0, 0 }
      overlay_stretch		= FALSE
    }
  }
}

widget_class "*Combo*" style "optionmenu"

###############################################################################
###Check vagy mi.... ########

style "radiobutton"	= "default"
{
  engine "pixmap" 
    {
	#This is the image used to draw an unchecked box.
        image 
	{
            function        	= OPTION
            recolorable     	= TRUE
            state 		= NORMAL
            shadow          	= OUT
            overlay_file    	= "Check-Radio/radio-normal.png"
            overlay_stretch 	= FALSE
        }

 image 
	{
            function        = OPTION
            recolorable     = TRUE
            state = PRELIGHT
            shadow          = OUT
            overlay_file    = "Check-Radio/radio-normal.png"
            overlay_stretch = FALSE
        }

 image 
	{
            function        = OPTION
            recolorable     = TRUE
            state = ACTIVE
            shadow          = OUT
            overlay_file    = "Check-Radio/radio-normal.png"
            overlay_stretch = FALSE
        }

 image 
	{
            function       	= OPTION
            recolorable     	= TRUE
            state           	= INSENSITIVE
            shadow          	= OUT
            overlay_file    	= "Check-Radio/radio-normal.png"
            overlay_stretch 	= FALSE
        }

	#This is the image used to draw a selected (checked) box.
        image 
	{
            function        	= OPTION
            recolorable     	= TRUE
	    state 	    	= NORMAL
            shadow          	= IN
            overlay_file    	= "Check-Radio/radio-selected.png"
            overlay_stretch 	= FALSE
        }

  image 
	{
            function        	= OPTION
            recolorable     	= TRUE
	    state 		= PRELIGHT
            shadow          	= IN
            overlay_file    	= "Check-Radio/radio-selected-prelight.png"
            overlay_stretch 	= FALSE
        }

 image 
	{
            function        = OPTION
            recolorable     = TRUE
	    state = ACTIVE
            shadow          = IN
            overlay_file    = "Check-Radio/radio-selected-prelight.png"
            overlay_stretch = FALSE
        }


     image 
	{
            function        = OPTION
            recolorable     = TRUE
	    state = INSENSITIVE
            shadow          = IN
            overlay_file    = "Check-Radio/radio-normal.png"
            overlay_stretch = FALSE
        }

	#Use this image to draw the highlight when a line with a check box
	#is moused over.
	image 
	{
          function        = FLAT_BOX
            recolorable     = TRUE
      stretch			= TRUE
            file            = "Check-Radio/checklight.png"
          border          = { 2, 2, 2, 2 }
        }

    }
}

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


################################################################################
style "checkbutton"	= "default"
{
  engine "pixmap" 
    {
	#This is the image used to draw an unchecked box.
        image 
	{
            function        = CHECK
            recolorable     = TRUE
            state = NORMAL
            shadow          = OUT
            overlay_file    = "Check-Radio/check-normal.png"
            overlay_stretch = FALSE
        }

 image 
	{
            function        = CHECK
            recolorable     = TRUE
            state = PRELIGHT
            shadow          = OUT
            overlay_file    = "Check-Radio/check-prelight.png"
            overlay_stretch = FALSE
        }

 image 
	{
            function        = CHECK
            recolorable     = TRUE
            state = ACTIVE
            shadow          = OUT
            overlay_file    = "Check-Radio/check-prelight.png"
            overlay_stretch = FALSE
        }

 image 
	{
            function        = CHECK
            recolorable     = TRUE
            state = INSENSITIVE
            shadow          = OUT
            overlay_file    = "Check-Radio/check-normal.png"
            overlay_stretch = FALSE
        }

	#This is the image used to draw a selected (checked) box.
        image 
	{
            function        = CHECK
            recolorable     = TRUE
	    state = NORMAL
            shadow          = IN
            overlay_file    = "Check-Radio/check-selected.png"
            overlay_stretch = FALSE
        }

  image 
	{
            function        = CHECK
            recolorable     = TRUE
	    state = PRELIGHT
            shadow          = IN
            overlay_file    = "Check-Radio/check-selected-prelight.png"
            overlay_stretch = FALSE
        }

 image 
	{
            function        = CHECK
            recolorable     = TRUE
	    state = ACTIVE
            shadow          = IN
            overlay_file    = "Check-Radio/check-selected.png"
            overlay_stretch = FALSE
        }


     image 
	{
       function        = CHECK
       recolorable     = TRUE
	   state 		   = INSENSITIVE
       shadow          = IN
       overlay_file    = "Check-Radio/check-selected.png"
       overlay_stretch = FALSE
     }

	#Use this image to draw the highlight when a line with a check box
	#is moused over.
	image 
	{
        function        = FLAT_BOX
        recolorable     = TRUE
      	stretch			= TRUE
        file            = "Check-Radio/checklight.png"
        border          = { 2, 2, 2, 2 }
    }
    
    #Use this image to draw the highlight when tab focus
    image
    {
      function			= FOCUS     
      recolorable		= TRUE
      file				= "Frame-Gap/frame1.png"
      border			= {4, 4, 4, 4}
      stretch			= TRUE
    }

  }
}


####################### ENTRY #####################xx

style "entry"			= "default"
{

  xthickness            			= 3
  ythickness            			= 1
  
	GtkWidget::interior_focus	= 0
 #GtkEntry::shadow_type = GTK_SHADOW_NONE
  engine "pixmap"
  {
    image
    {
      function			= FOCUS
      recolorable			= TRUE
      file				= "Shadows/entry-shadow-in.png"
      border			= { 3,3,3,3 }
      stretch			= TRUE
    }	
 image
    {
      function			= BOX
      recolorable		= TRUE
	shadow			= IN
      state				= NORMAL
      file				= "Shadows/entry-shadow-in.png"
      border			= { 3,3,3,3 }
      stretch			= TRUE
    }	

image
    {
      function			= BOX
      recolorable			= TRUE
	shadow			= OUT
      state				= NORMAL
      file				= "Shadows/text-entry.png"
      border			= { 3,3,3,3 }
      stretch			= TRUE
    }	

  image
   {
     function		= SHADOW
     detail			= "entry"
     shadow		= IN
     recolorable		= FALSE
     file			= "Shadows/text-entry.png"
     border			= { 3,3,3,3 }
     stretch		= TRUE
   }

  }
}

################x SPINBUTTONS ################

style "spinbutton"	= "entry"
{


  engine "pixmap"
  {
    image
    {
      function			= ARROW
    }

############################# UP ######################xx
    image
    {
      function			= BOX
      state 			= NORMAL
      detail			= "spinbutton_up"
      recolorable		= TRUE
      file				= "Spin/spin.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
 	overlay_file		= "Spin/spin-up.png"
      overlay_stretch	= FALSE
    }

   image
    {
      function			= BOX
      state 			= PRELIGHT
      detail			= "spinbutton_up"
      recolorable		= TRUE
      file				= "Spin/spin.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
 	overlay_file		= "Spin/spin-up-prelight.png"
      overlay_stretch	= FALSE
    }

   image
    {
      function			= BOX
      state 			= INSENSITIVE
      detail			= "spinbutton_up"
      recolorable		= TRUE
      file				= "Spin/spin.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
 	overlay_file		= "Spin/spin-up-disable.png"
      overlay_stretch	= FALSE
    }

   image
    {
      function			= BOX
      state 			= ACTIVE
      detail			= "spinbutton_up"
      recolorable		= TRUE
      file				= "Spin/spin.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
 	overlay_file		= "Spin/spin-up-prelight.png"
      overlay_stretch	= FALSE
    }


###########################################x DOWN ########################
    image
    {
      function			= BOX
      state 			= NORMAL
      detail			= "spinbutton_down"
      recolorable		= TRUE
      file				= "Spin/spin.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
 	overlay_file		= "Spin/spin-down.png"
      overlay_stretch	= FALSE
    }

    image
    {
      function			= BOX
      state 			= PRELIGHT
      detail			= "spinbutton_down"
      recolorable		= TRUE
      file				= "Spin/spin.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
 	overlay_file		= "Spin/spin-down-prelight.png"
      overlay_stretch	= FALSE
    }

    image
    {
      function			= BOX
      state 			= INSENSITIVE
      detail			= "spinbutton_down"
      recolorable		= TRUE
      file				= "Spin/spin.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
 	overlay_file		= "Spin/spin-down-disable.png"
      overlay_stretch	= FALSE
    }

    image
    {
      function			= BOX
      state 			= ACTIVE
      detail			= "spinbutton_down"
      recolorable		= TRUE
      file				= "Spin/spin.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
 	overlay_file		= "Spin/spin-down-prelight.png"
      overlay_stretch	= FALSE
    }





  }
}

############################# SCROLLBAR ####################

style "scrollbar" = "default"
{
  engine "pixmap" 
  {

    image 
    {
      function			= BOX
      recolorable		= TRUE
      detail			= "trough"
      file				= "Scrollbars/trough-scrollbar-horiz.png"
      border			= { 19, 19, 2, 2 }
      stretch			= TRUE
      orientation		= HORIZONTAL
    }
    image 
    {
      function			= BOX
      recolorable		= TRUE
      detail			= "trough"
      file				= "Scrollbars/trough-scrollbar-vert.png"
      border			= { 2, 2, 19, 19 }
      stretch			= TRUE
      orientation		= VERTICAL
    }


###########x SLIDERS ##################x

  image 
    {
      function			= SLIDER
      recolorable		= TRUE
      state           		= NORMAL
      file				= "Scrollbars/slider-horiz.png" 
      border			= { 2, 2, 2, 2 }
      stretch			= TRUE
      orientation		= HORIZONTAL
      overlay_file		= "Scrollbars/scroll-thumb-horiz.png"
      overlay_stretch	= FALSE
      orientation		= HORIZONTAL


    }

  image 
    {
      function			= SLIDER
      recolorable		= TRUE
      state           		= ACTIVE
      shadow			= IN
      file				= "Scrollbars/slider-horiz.png" 
      border			= { 2, 2, 2, 2 }
      stretch			= TRUE
      orientation		= HORIZONTAL
      overlay_file		= "Scrollbars/scroll-thumb-horiz.png"
      overlay_stretch	= FALSE
      orientation		= HORIZONTAL

    }

    image 
    {
      function			= SLIDER
      recolorable		= TRUE
      state           		= PRELIGHT
      file				= "Scrollbars/slider-horiz-prelight.png" 
      border			= { 2, 2, 2, 2 }
      stretch			= TRUE
      orientation		= HORIZONTAL
      overlay_file		= "Scrollbars/scroll-thumb-horiz.png"
      overlay_stretch	= FALSE
      orientation		= HORIZONTAL

    }
    image 
    {
      function			= SLIDER
      recolorable		= TRUE
      state           		= INSENSITIVE
      file				= "Scrollbars/slider-horiz-insens.png"
      border			= { 2, 2, 2, 2 }
      stretch			= TRUE
      orientation		= HORIZONTAL
      overlay_file		= "Scrollbars/scroll-thumb-horiz-insens.png"
      overlay_stretch	= FALSE
      orientation		= HORIZONTAL

    }

#############x verticals################xx

 image 
    {
      function			= SLIDER
      recolorable		= TRUE
      state           		= NORMAL
      file			= "Scrollbars/slider-vert.png" 
      border			= { 2, 2, 2, 2 }
      stretch			= TRUE
      orientation		= VERTICAL
      overlay_file		= "Scrollbars/scroll-thumb-vert.png"
      overlay_stretch		= FALSE
      orientation		= VERTICAL

    }

   image 
    {
      function			= SLIDER
      recolorable		= TRUE
      state           		= ACTIVE
      shadow			= IN
      file				= "Scrollbars/slider-vert.png" 
      border			= { 2, 2, 2, 2 }
      stretch			= TRUE
      orientation		= VERTICAL
      overlay_file		= "Scrollbars/scroll-thumb-vert.png"
      overlay_stretch	= FALSE
      orientation		= VERTICAL

    }

    image 
    {
      function			= SLIDER
      recolorable		= TRUE
      state           		= PRELIGHT
      file				= "Scrollbars/slider-vert-prelight.png" 
      border			= { 2, 2, 2, 2 }
      stretch			= TRUE
      orientation		= VERTICAL
      overlay_file		= "Scrollbars/scroll-thumb-vert.png"
      overlay_stretch	= FALSE
      orientation		= VERTICAL

    }
    image 
    {
      function			= SLIDER
      recolorable		= TRUE
      state           		= INSENSITIVE
      file			= "Scrollbars/slider-vert-insens.png"
      border			= { 2, 2, 2, 2 }
      stretch			= TRUE
      orientation		= VERTICAL
      overlay_file		= "Scrollbars/scroll-thumb-vert-insens.png"
      overlay_stretch		= FALSE
      orientation		= VERTICAL

    }


###########x END SLIDERS ##################x

########### Steppers ######################
#### UP #######
    image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state			= NORMAL
      file			= "Scrollbars/stepper-up.png"
      #border			= { 12, 2, 2, 9 }
      stretch			= TRUE
      arrow_direction		= UP
    }
 image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state			= PRELIGHT
      file			= "Scrollbars/stepper-up-prelight.png"
      #border			= { 12, 2, 2, 9 }
      stretch			= TRUE
      arrow_direction		= UP
    }
 image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state				= ACTIVE
      file				= "Scrollbars/stepper-up-prelight.png"
      #border			= { 12, 2, 2, 9 }
      stretch			= TRUE
      arrow_direction	= UP
    }
 image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state				= INSENSITIVE
      file				= "Scrollbars/stepper-up-insens.png"
      #border			= { 12, 2, 2, 9 }
      stretch			= TRUE
      arrow_direction	= UP
    }

 ######### DOWN ############


    image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state				= NORMAL
      file				= "Scrollbars/stepper-down.png"
      #border			= { 12, 2, 10, 2 }
      stretch			= TRUE
      arrow_direction	= DOWN
    }
 image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state				= PRELIGHT
      file				= "Scrollbars/stepper-down-prelight.png"
      #border			= { 12, 2, 10, 2 }
      stretch			= TRUE
      arrow_direction	= DOWN
    }
 image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state				= ACTIVE
      file				= "Scrollbars/stepper-down-prelight.png"
      #border			= { 12, 2, 10, 2 }
      stretch			= TRUE
      arrow_direction	= DOWN
    }
 image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state				= INSENSITIVE
      file				= "Scrollbars/stepper-down-insens.png"
      #border			= { 12, 2, 10, 2 }
      stretch			= TRUE
      arrow_direction	= DOWN
    }

############ RIGHT ################

    image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state				= NORMAL
      file				= "Scrollbars/stepper-right.png"
      #border			= { 2, 9, 2, 13 }
      stretch			= TRUE
      arrow_direction	= RIGHT
    }
 image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state				= PRELIGHT
      file				= "Scrollbars/stepper-right-prelight.png"
      #border			= { 2, 9, 2, 13 }
      stretch			= TRUE
      arrow_direction	= RIGHT
    }
 image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state				= ACTIVE
      file				= "Scrollbars/stepper-right-prelight.png"
      #border			= { 2, 9, 2, 13 }
      stretch			= TRUE
      arrow_direction	= RIGHT
    }
 image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state				= INSENSITIVE
      file				= "Scrollbars/stepper-right-insens.png"
      #border			= { 2, 9, 2, 13 }
      stretch			= TRUE
      arrow_direction	= RIGHT
    }

############### LEFT ###################


    image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state				= NORMAL
      file				= "Scrollbars/stepper-left.png"
      #border			= { 2, 9, 2, 13 }
      stretch			= TRUE
      arrow_direction	= LEFT
    }
  image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state				= PRELIGHT
      file				= "Scrollbars/stepper-left-prelight.png"
      #border			= { 2, 9, 2, 13 }
      stretch			= TRUE
      arrow_direction	= LEFT
    }
  image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state				= ACTIVE
      file				= "Scrollbars/stepper-left-prelight.png"
      #border			= { 2, 9, 2, 13 }
      stretch			= TRUE
      arrow_direction	= LEFT
    }
  image 
    {
      function			= STEPPER
      recolorable		= TRUE
      state				= INSENSITIVE
      file				= "Scrollbars/stepper-left-insens.png"
      #border			= { 2, 9, 2, 13 }
      stretch			= TRUE
      arrow_direction	= LEFT
    }



  }
}

##################### PROGRESSBAR ###################x

style "progressbar" {
  fg[PRELIGHT]       = "#ffffff"
  text[PRELIGHT]       = "#ffffff"
  xthickness            		= 1
  ythickness            		= 1
  engine "pixmap" 
  {
    image
    {
      function			= BOX

      detail			= "trough"
      file				= "ProgressBar/trough-progressbar-horiz.png"
      border			= { 2, 2, 2, 2 }
      stretch			= TRUE
#      orientation		= HORIZONTAL
    }

    image
    {
      function			= BOX

      detail			= "bar"
      file				= "ProgressBar/progressbar-horiz.png"
      border			= { 2, 2, 2, 2 }
      stretch			= TRUE
#      orientation		= HORIZONTAL
    } 

    image
    {
      function			= BOX

      detail			= "trough"
      file				= "ProgressBar/trough-progressbar-vert.png"
      border			= { 2, 2, 2, 2 }
      stretch			= TRUE
      orientation		= VERTICAL
#      orientation		= HORIZONTAL
    }

    image
    {
      function			= BOX

      detail			= "bar"
      file				= "ProgressBar/progressbar-vert.png"
      border			= { 2, 2, 2, 2 }
      stretch			= TRUE
      orientation		= VERTICAL
#      orientation		= HORIZONTAL
    } 






  }
}

############################# RANGE #######################

style "range"			= "default"
{	
  engine "pixmap" 
  {
    image 
    {
      function			= BOX
      recolorable		= TRUE
      detail			= "trough"
      file				= "Range/trough-horizontal.png"
      border			= { 10, 10, 1, 19 }
      stretch			= TRUE
      orientation		= HORIZONTAL
    }	
    image 
    {
      function			= BOX
      recolorable		= TRUE
      detail			= "trough"
      file				= "Range/trough-vertical.png"
      border			= { 0, 19, 10, 10 }
      stretch			= TRUE
      orientation		= VERTICAL
    }
############### the sliders ###############

    image 
    {
      function			= SLIDER
      recolorable		= TRUE
      state           		= NORMAL
      file				= "Range/null.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
      overlay_file		= "Range/slider-horiz.png"
      overlay_stretch	= FALSE
      orientation		= HORIZONTAL
    }
    image 
    {
      function			= SLIDER
      recolorable		= TRUE
     state           		= PRELIGHT
      file				= "Range/null.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
      overlay_file		= "Range/slider-horiz-prelight.png"
      overlay_stretch	= FALSE
      orientation		= HORIZONTAL
    }
    image 
    {
      function			= SLIDER
      recolorable		= TRUE
      state           		= INSENSITIVE
      file				= "Range/null.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
      overlay_file		= "Range/slider-horiz.png"
      overlay_stretch	= FALSE
      orientation		= HORIZONTAL
    }

######################### VERTICAL ###########################

    image 
    {
      function			= SLIDER
      recolorable		= TRUE
      state           		= NORMAL
      file				= "Range/null.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
      overlay_file		= "Range/slider-vert.png"
      overlay_stretch	= FALSE
      orientation		= VERTICAL
    }
    image 
    {
      function			= SLIDER
      recolorable		= TRUE
     state           		= PRELIGHT
      file				= "Range/null.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
      overlay_file		= "Range/slider-vert-prelight.png"
      overlay_stretch	= FALSE
      orientation		= VERTICAL
    }
    image 
    {
      function			= SLIDER
      recolorable		= TRUE
      state           		= INSENSITIVE
      file				= "Range/null.png"
      border			= { 0, 0, 0, 0 }
      stretch			= TRUE
      overlay_file		= "Range/slider-vert.png"
      overlay_stretch	= FALSE
      orientation		= VERTICAL
    }
  }
}






################### TOOLBAR ###########################


style "toolbar"
{

	engine "pixmap"
	{
		image
		{
			function	= BOX
			file		= "Toolbar/toolbar.png"
			border	= { 4, 4, 4, 4}
			stretch	= TRUE
    		}
 	}
}
widget_class "*BonoboDockItem" style "toolbar"
class "*BonoboDockItem" style "toolbar"

widget_class "*HandleBox" style "toolbar"
class "*HandleBox" style "toolbar"

widget_class "*Toolbar" style "toolbar"
class "*Toolbar" style "toolbar"



##################### TOOLBAR BUTTONS ###############################





style "toolbuttons" = "default"
{


 
 xthickness            			= 1
  ythickness            			= 1

	GtkWidget::focus_padding = 2

	engine "pixmap" {
      
image
		{
			function        			= BOX
			recolorable     		= TRUE
			state				= NORMAL
			file            			= "Toolbar/toolbutton-normal.png"
			border          			= { 5, 5, 5, 5 }
			stretch         			= TRUE
		}
		
image
		{
			function        			= BOX
			recolorable     		= TRUE
			state				= PRELIGHT
			file            			= "Toolbar/toolbutton-prelight.png"
			border          			= { 5, 5, 5, 5 }
			stretch         			= TRUE
		}

image
		{
			function        			= BOX
			recolorable     		= TRUE
			state				= ACTIVE
			file            			= "Toolbar/toolbutton-pressed.png"
			border          			= { 5, 5, 5, 5 }
			stretch         			= TRUE
		}  
image
		{
			function        			= BOX
			recolorable     		= TRUE
			state				= INSENSITIVE
			file            			= "Toolbar/toolbutton-normal.png"
			border          			= { 5, 5, 5, 5 }
			stretch         			= TRUE
		}  

	}

}
widget_class "*Tool*GtkToggleButton" style "toolbuttons"
widget_class "*Tool*GtkButton" style "toolbuttons"








############################# PANEL GRAPHICS #################################





############################# MENU #################################





style "menu"			= "default"
{
  #bg_pixmap[NORMAL]       = "Menu-Menubar/menu-overlay.png"
  xthickness			= 1
  ythickness			= 1
  
  engine "pixmap"
  {
    image
    {
      function			= BOX
     recolorable    		= TRUE
      detail			= "menu"
      file			= "Menu-Menubar/menu.png"
      border			= { 34, 3, 3, 3 }
      stretch			= TRUE
    }
  }
}


########################### Menuitem #############################
style "menuitem"	= "default"
{
  xthickness			= 1
 # fg[NORMAL] 			= "#fff"
 # fg[PRELIGHT] 			= "#fff"
  
  engine "pixmap"
  {
    image
    {
      function			= BOX
      recolorable		= TRUE
      file			= "Menu-Menubar/menuitem.png"
      border			= { 10, 10, 10, 10 }
      stretch			= TRUE
    }
    image
    {
      function			= ARROW
      recolorable		= TRUE
      state			= NORMAL
      overlay_file		= "Arrows/arrow-right-norm.png"
      overlay_stretch		= FALSE
      arrow_direction		= RIGHT
    }
  image
    {
      function			= ARROW
      recolorable		= TRUE
      state			= PRELIGHT
      overlay_file		= "Arrows/arrow-right.png"
      overlay_stretch		= FALSE
      arrow_direction		= RIGHT
    }

  }
}


style "tearoffmenuitem"	= "menuitem"
{
  engine "pixmap"
  {
    image
    {
      function			= ARROW
      file			= "Arrows/arrow-left.png"
      stretch			= TRUE
      arrow_direction		= LEFT
    }
#    image
#    {
#      function	= HLINE
#      file			= "cuthere.png"
#      border		= { 0, 0, 0, 0 }
#      stretch		= TRUE
#    }
  }
}

style "notebook"		= "default"
{

  xthickness            	= 2
  ythickness            	= 2

  fg[NORMAL] = @base_color

  engine "pixmap" 
    {
    image 
      {
        function		= EXTENSION
	recolorable		= TRUE
	state			= ACTIVE
	file			= "Tabs/tab-bottom.png"
	border			= { 4,4,4,4}
	stretch			= TRUE
	gap_side		= TOP
      }
    image 
      {
        function		= EXTENSION
	recolorable		= TRUE
	state			= ACTIVE
	file			= "Tabs/tab-top.png"
	border			= { 3,3,3,3}
	stretch			= TRUE
	gap_side		= BOTTOM
      }
    image 
      {
        function		= EXTENSION
	recolorable		= TRUE
	state			= ACTIVE
	file			= "Tabs/tab-left.png"
	border			= {  3,3,3,3}
	stretch			= TRUE
	gap_side		= RIGHT
      }
    image 
      {
        function		= EXTENSION
	recolorable		= TRUE
	state			= ACTIVE
	file			= "Tabs/tab-right.png"
	border			= { 4,4,4,4}
	stretch			= TRUE
	gap_side		= LEFT
      }	
    image 
      {
        function		= EXTENSION
	recolorable		= TRUE
	file			= "Tabs/tab-top-active.png"
	border			= {  3,3,3,3}
	stretch			= TRUE
	gap_side		= BOTTOM
      }
    image 
      {
        function		= EXTENSION
	recolorable		= TRUE
	file			= "Tabs/tab-bottom-active.png"
	border			= { 4,4,4,4}
	stretch			= TRUE
	gap_side		= TOP
      }
    image 
      {
        function		= EXTENSION
	recolorable		= TRUE
	file			= "Tabs/tab-left-active.png"
	border			= {  3,3,3,3}
	stretch			= TRUE
	gap_side		= RIGHT
      }
    image 
      {
        function		= EXTENSION
	recolorable		= TRUE
	file			= "Tabs/tab-right-active.png"
	border			= {  4,4,4,4}
	stretch			= TRUE
	gap_side		= LEFT
      }
#
# How to draw boxes with a gap on one side (ie the page of a notebook)
#
    image 
      {
        function		= BOX_GAP
	recolorable		= TRUE
	file			= "Tabs/notebook.png" 
	border			= {0,0,0,0}#{ 5, 5, 5, 5 }
	stretch			= TRUE
	gap_file		= "Others/null.png"
	gap_border     		= { 0, 0, 0, 0 }
	gap_start_file		= "Others/null.png"
	gap_start_border	= { 0, 0, 0, 0 }
	gap_end_file		= "Others/null.png"
	gap_end_border	   	= { 0, 0, 0, 0 }
	gap_side		= TOP
      }
    image 
      {
        function		= BOX_GAP
	recolorable		= TRUE
	file			= "Tabs/notebook.png"
	border			= {0,0,0,0}#{ 5, 5, 5, 5 }
	stretch			= TRUE
	gap_file		= "Others/null.png"
	gap_border		= { 10, 10, 5, 5 }
	gap_start_file		= "Others/null.png"
	gap_start_border	= { 10, 10, 5, 5 }
	gap_end_file		= "Others/null.png"
	gap_end_border		= { 10, 10, 5, 5 }
	gap_side		= BOTTOM
      }
    image 
      {
        function		= BOX_GAP
	recolorable		= TRUE
	file			= "Tabs/notebook.png"
	border			= {0,0,0,0}#{ 5, 5, 5, 5 }
	stretch			= TRUE
	gap_file		= "Others/null.png"
	gap_border		= { 0, 1, 0, 0 }
	gap_start_file		= "Others/null.png"
	gap_start_border	= { 0, 0, 2, 0 }
	gap_end_file		= "Others/null.png"
	gap_end_border		= { 0, 2, 1, 0 }
	gap_side		= LEFT
      }
    image 
      {
        function		= BOX_GAP
	recolorable		= TRUE
	file			= "Tabs/notebook.png" 
	border			= {0,0,0,0}#{ 5, 5, 5, 5 }
	stretch			= TRUE
	gap_file		= "Others/null.png"
	gap_border		= { 0, 0, 1, 0 }
	gap_start_file		= "Others/null.png"
	gap_start_border	= { 2, 0, 2, 0 }
	gap_end_file		= "Others/null.png"
	gap_end_border		= { 0, 0, 0, 2 }
	gap_side		= RIGHT
      }
#
# How to draw the box of a notebook when it isnt attached to a tab
#
    image 
      {
        function		= BOX
	recolorable		= TRUE
	file			= "Tabs/notebook.png"
	border			= {0,0,0,0}#{ 6,6,6,6 }
	stretch			= TRUE
	#gap_side			= TOP
      }
  }
}

style "treeview"		= "default"
{	
  engine "pixmap"
  {
    # don't draw the focus around listitems
    image
    {
      function			= FOCUS
    }
  }
}

style "textview"		= "default"
{
  bg[NORMAL]		= "#f9f8f2"

  engine "pixmap"
  {
    # don't draw focus around textview
    image
    {
      function			= FOCUS
    }
  }
}

style "tooltips"		= "default"
{
  bg[NORMAL]		= "#fffcdb"
}

style "font-white"
{
  fg[NORMAL] = "#FFF"
  fg[ACTIVE] = "#FFF"
  fg[PRELIGHT] = "#FFF"
  fg[SELECTED] = "#FFF"
  fg[INSENSITIVE] = "#FFF"
}
widget "*font-white*" style "font-white"
widget_class "*GtkToggleButton*" style "font-white"
widget_class "*GtkButton*" style "font-white"


style "font-black"
{
  fg[NORMAL] = "#000"
  fg[ACTIVE] = "#000"
  fg[PRELIGHT] = "#000"
  fg[SELECTED] = "#000"
  fg[INSENSITIVE] = "#000"
}
widget "*font-black*" style "font-black"
##################### RULER ##################

style "ruler"			= "default"
{
  engine "pixmap" {
    image 
      {
        function		= BOX
	recolorable		= TRUE
	detail			= "vruler"
	file			= "Others/ruler.png"
	border			= { 2, 2, 2, 2 }
	stretch			= TRUE
      }
    image 
      {
        function		= BOX
	recolorable		= TRUE
	detail			= "hruler"
	file			= "Others/ruler.png"
	border			= { 2, 2, 2, 2 }
	stretch			= TRUE
      }
  }
}

################# HANDLES ###################x


style "handlebox"	= "default"
{
  engine "pixmap"
  {
    image
    {
      #function		= SHADOW
    }

    image
    {
      function			= HANDLE
      recolorable		= TRUE
      overlay_file		= "Handles/handle-v.png"
      overlay_stretch		= FALSE
      orientation		= VERTICAL
    }
    image
    {
      function			= HANDLE
      overlay_file		= "Handles/handle-h.png"
      overlay_stretch 		= FALSE
      orientation		= HORIZONTAL
    }
  }
}


style "flat" 		= "default"
{
  engine "pixmap"
  {
    image
    {
      function		= SHADOW
    }
  }
}


style "layout"	= "default"
{
  engine "pixmap"
  {
   image
   {
     function		= SHADOW
     detail		= "entry"
     shadow		= IN
     recolorable	= FALSE
     file		= "Shadows/text.png"
     border		= { 1, 1, 1, 1 }
     stretch		= TRUE
   }
    image
    {
      function		= BOX
      detail		= "button"
      state		= NORMAL
      file		= "Buttons/button-pressed.png"
      recolorable	= TRUE
      border		= { 2, 3, 2, 3 }
      stretch		= TRUE
    }
    image
    {
      function		= BOX
      detail		= "box"
      file		= "Others/background.png"
      border		= { 2, 3, 2, 3 }
      stretch		= TRUE
      orientation 	= HORIZONTAL
    }
  }
}


##################### LISTHEADERS ###################x

style "list-header"
{
   #Comment out the ythickness setting below for thicker column headers.
   #ythickness = 0
   GtkTreeView::odd_row_color = "#fff"
   GtkTreeView::even_row_color = "#fff"

  fg[NORMAL] = @fg_color
  fg[PRELIGHT] = @fg_color
  fg[ACTIVE] = @fg_color

   engine "pixmap" 
	{
	#This image is used to draw the headers of columns in list views when they are
	#not selected.
    	image
      		{
        		function        = BOX
			recolorable    = TRUE

			state		= NORMAL
			file            = "ListHeaders/list_header.png"
			border          = { 2, 2, 2, 2 }
			stretch         = TRUE
      		}

	#This image is used to draw the column headers in list views when they are
	#clicked.
    	image
      		{
        		function        = BOX
			recolorable    	= TRUE

			state		= PRELIGHT
			file            = "ListHeaders/list_header-prelight.png"
			border          = { 2, 2, 2, 2 }
			stretch         = TRUE
      		}

	#Does this do anything?
	image
      		{
        		function        = BOX
			recolorable    	= TRUE

			state		= ACTIVE
			file		= "ListHeaders/list_header-pressed.png"
			border          = { 2, 2, 2, 2}
			stretch         = TRUE
      		}

	image
      		{
        		function        = BOX
			recolorable    	= TRUE

			state		= SELECTED
			file		= "ListHeaders/list_header-prelight.png"
			border          = { 2, 2, 2, 2 }
			stretch         = TRUE
      		}
	image
      		{
        		function        = BOX
			recolorable    	= TRUE

			state		= INSENSITIVE
			file		= "ListHeaders/list_header-insens.png"
			border          = { 2, 2, 2, 2 }
			stretch         = TRUE
      		}


  	}
    	
}

widget_class "*List" style "list-header"
widget_class "*GtkTree*" style "list-header"
widget_class "*GtkCList*" style "list-header"
#widget_class "*Tree*" style "list-header"

style "list-header-focus"
{
  engine "pixmap" 
  {
	image
      	{
        	function        = FOCUS
		recolorable    	= TRUE
		file		= "ListHeaders/list_header-prelight.png"
		border          = { 2, 2, 2, 2 }
		stretch         = TRUE
      	}
  }
}

widget_class "*GtkTree*.*GtkButton" style "list-header-focus"

# This prevents Sodipodi from crashing while opening the
# Object-Style dialog.


style "unstyle"
{
  engine ""
  {
  }
}

# recognizable pressed toggle buttons
# SPIcons seem to erase the background first. That's why I can't use
# the button style.


style "SPbutton"
{
  engine "pixmap"
  {
    image
    {
      function		= BOX
      shadow		= IN
      recolorable	= TRUE
      file		= "Shadows/shadow-out.png"
      border		= { 2, 2, 2, 2 }
      stretch		= TRUE
    }
    image
    {
      function		= BOX
    }
  }
}


style "treecol"
{
    bg[NORMAL] = "#000000"
}


class "GtkButton"          			style "button"
class "GtkToggleButton" 			style "togglebutton"
class "GtkRadioButton"     		style "radiobutton"
class "GtkRadioMenuItem"    	style "radiobutton"
class "GtkCheckButton"     		style "checkbutton"
class "GtkCheckMenuItem"   		style "checkbutton"
class "GtkOptionMenu"      		style "optionmenu"
class "GtkCombo*"      		style "optionmenu"
class "*Font*"      		style "optionmenu"
class "GtkEntry"           			style "entry"
class "GtkOldEditable" 			style "entry"
class "GtkSpinButton"   	 		style "spinbutton"
class "GtkRuler"           			style "ruler"
class "GtkScrollbar"       			style "scrollbar"
class "GtkProgressBar"     		style "progressbar"
class "GtkRange"         			style "range"
class "GtkMenu"       			style "menu"
class "GtkMenuBar*" 		        style "menubar"
widget_class "*MenuBar.*" style "menubar"
#class "GtkImageMenuItem"           			style "menubar"
class "GtkMenuItem"           			style "menuitem"
class "GtkTearoffMenuItem"		style "tearoffmenuitem"
class "GtkNotebook"      			style "notebook"
class "GtkTextView"     			style "textview"
class "GtkTreeView"    			style "treeview"
class "GtkToolbar"       			style "flat"					
class "GtkHandleBox"    		style "handlebox"
class "GtkEventBox"    			style "flat"
class "GtkPaned"       			style "handlebox"
class "GtkLayout"     			style "layout"
class "SPButton"         			style "SPbutton"
widget "gtk-tooltips"  			style "tooltips"
# prevent Sodipodi from crashing
class "SPColorSlider" 			style "unstyle"



