# Bridge | ScionicSpectre

gtk-color-scheme	= "base_color:#FFFFFF\nfg_color:#000000\ntooltip_fg_color:#FFFFFF\nselected_bg_color:#4A90D9\nselected_fg_color:#FFFFFF\ntext_color:#313739\nbg_color:#EDEDED\ntooltip_bg_color:#343434"

gtk-auto-mnemonics	= 1

style "default"
{
	xthickness	= 1
	ythickness	= 1

	# Style Properties

	GtkScrollbar::activate-slider	= 1
	GtkWidget::focus-line-width	= 0
	GtkWidget::new-tooltip-style	= 1 # Needed?
	GtkMenuBar::window-dragging	= 1
	GtkToolbar::window-dragging	= 1
	GtkToolbar::internal-padding	= 5

	GtkSeparatorMenuItem::horizontal-padding = 3
	GtkSeparatorMenuItem::wide-separators = 1
	GtkSeparatorMenuItem::separator-height = 1

	GtkButton::child-displacement-y	= 1
	GtkButton::default-border	= { 0, 0, 0, 0 }
	GtkButton::default-outside_border	= { 0, 0, 0, 0 }

	GtkScrollbar::trough-border	= 4
	GtkRange::trough-border		= 0
	GtkRange::slider-width		= 7
	GtkRange::stepper-size		= 0

	GtkScrollbar::has-backward-stepper		= 0  
	GtkScrollbar::has-forward-stepper		= 0
	GtkScrolledWindow ::scrollbar-spacing		= 0
	GtkScrolledWindow ::scrollbars-within-bevel	= 1

	GtkVScale::slider_length 	= 16
	GtkVScale::slider_width 	= 16
	GtkHScale::slider_length 	= 16
	GtkHScale::slider_width 	= 17

	GtkStatusbar::shadow_type	= GTK_SHADOW_NONE
	GtkSpinButton::shadow_type 	= GTK_SHADOW_NONE
	GtkMenuBar::shadow-type		= GTK_SHADOW_NONE
	GtkMenuBar::internal-padding	= 0	#( every window is misaligned for the sake of menus ):
	GtkMenu::horizontal-padding	= 0
	GtkMenu::vertical-padding	= 0

	GtkNotebook::tab-overlap	= 7
	GtkNotebook::tab-curvature	= 7

	GtkCheckButton::indicator_spacing	= 3
	GtkOptionMenu::indicator_spacing	= { 8, 2, 0, 0 }

	GtkTreeView::row_ending_details 	= 0
	GtkTreeView::expander-size		= 12
	GtkTreeView::vertical-separator		= 1
	GtkTreeView::horizontal-separator	= 4
	GtkTreeView::allow-rules		= 1

	# Colors

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

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

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

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

	# For succinctness, all reasonable pixmap options remain here

	engine "pixmap"
	{

	# Check Buttons

	image 
	{
            function        		= CHECK
            recolorable     		= TRUE
            state 			= NORMAL
            shadow          		= OUT
            overlay_file    		= "Check-Radio/check1.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= CHECK
            recolorable     		= TRUE
            state 			= PRELIGHT
            shadow          		= OUT
            overlay_file    		= "Check-Radio/check1.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= CHECK
            recolorable     		= TRUE
            state 			= ACTIVE
            shadow          		= OUT
            overlay_file    		= "Check-Radio/check1.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= CHECK
            recolorable     		= TRUE
            state 			= INSENSITIVE
            shadow          		= OUT
            overlay_file    		= "Check-Radio/check1.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= CHECK
            recolorable     		= TRUE
	    state	 		= NORMAL
            shadow          		= IN
            overlay_file    		= "Check-Radio/check2.png"
            overlay_stretch	 	= FALSE
        }
	image 
	{
            function        		= CHECK
            recolorable     		= TRUE
	    	  state 		= PRELIGHT
            shadow          		= IN
            overlay_file    		= "Check-Radio/check2.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= CHECK
            recolorable     		= TRUE
	    	  state 		= ACTIVE
            shadow          		= IN
            overlay_file    		= "Check-Radio/check2.png"
            overlay_stretch 		= FALSE
        }
	image 
  	{
 	function        		= CHECK
   	recolorable     		= TRUE
       	state 				= INSENSITIVE
       	shadow          		= IN
       	overlay_file   			= "Check-Radio/check1.png"
       	overlay_stretch 		= FALSE
	}

	# Radio Buttons

	image 
	{
            function        		= OPTION
            state 			= NORMAL
            shadow          		= OUT
            overlay_file    		= "Check-Radio/option1.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= OPTION
            state 			= PRELIGHT
            shadow          		= OUT
            overlay_file    		= "Check-Radio/option1.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= OPTION
            state 			= ACTIVE
            shadow          		= OUT
            overlay_file    		= "Check-Radio/option1.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= OPTION
            state 			= INSENSITIVE
            shadow         		= OUT
            overlay_file    		= "Check-Radio/option1.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= OPTION
	    state 			= NORMAL
            shadow          		= IN
            overlay_file    		= "Check-Radio/option2.png"
            overlay_stretch 		= FALSE
        }
 	image 
	{
            function        		= OPTION
	    state			= PRELIGHT
            shadow          		= IN
            overlay_file    		= "Check-Radio/option2.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= OPTION
	    state			= ACTIVE
            shadow          		= IN
            overlay_file    		= "Check-Radio/option2.png"
            overlay_stretch	 	= FALSE
        }
	image 
	{
            function        		= OPTION
	    state 			= INSENSITIVE
            shadow          		= IN
            overlay_file    		= "Check-Radio/option1.png"
            overlay_stretch 		= FALSE
        }

	# Arrows

	image
	{
	  function			= ARROW
	  overlay_file		= "Arrows/arrow-up.png"
	  overlay_border		= { 0, 0, 0, 0 }
	  overlay_stretch		= FALSE
	  arrow_direction		= UP
	}
	image
	{
	  function			= ARROW
	  state			= NORMAL
	  overlay_file		= "Arrows/arrow-down.png"
	  overlay_border		= { 0, 0, 0, 0 }
	  overlay_stretch		= FALSE
	  arrow_direction		= DOWN
	}
	image
	{
	  function			= ARROW
	  state			= PRELIGHT
	  overlay_file		= "Arrows/arrow-down-prelight.png"
	  overlay_border		= { 0, 0, 0, 0 }
	  overlay_stretch		= FALSE
	  arrow_direction		= DOWN
	}
	image
	{
	  function			= ARROW
	  state			= ACTIVE
	  overlay_file		= "Arrows/arrow-down-pressed.png"
	  overlay_border		= { 0, 0, 0, 0 }
	  overlay_stretch		= FALSE
	  arrow_direction		= DOWN
	}

	image
	{
	  function			= ARROW
	  state			= INSENSITIVE
	  overlay_file		= "Arrows/arrow-down-insens.png"
	  overlay_border		= { 0, 0, 0, 0 }
	  overlay_stretch		= FALSE
	  arrow_direction		= DOWN
	}

	image
	{
	  function			= ARROW
	  overlay_file		= "Arrows/arrow-left.png"
	  overlay_border		= { 0, 0, 0, 0 }
	  overlay_stretch		= FALSE
	  arrow_direction		= LEFT
	}
	image
	{
	  function			= ARROW
	  overlay_file		= "Arrows/arrow-right.png"
	  overlay_border		= { 0, 0, 0, 0 }
	  overlay_stretch		= FALSE
	  arrow_direction		= RIGHT
	}

	# Option Menu Arrows

	image
	{
	  function		= TAB
	  state			= INSENSITIVE
	  overlay_file		= "Arrows/arrow-down-insens.png"
	  overlay_stretch	= FALSE
	}
	image
	{
	  function			= TAB
	  state				= NORMAL
	  overlay_file			= "Arrows/arrow-down.png"
	  overlay_border		= { 0, 0, 0, 0 }
	  overlay_stretch		= FALSE
	}
	image
	{
	  function			= TAB
	  state				= PRELIGHT
	  overlay_file			= "Arrows/arrow-down-prelight.png"
	  overlay_border		= { 0, 0, 0, 0 }
	  overlay_stretch		= FALSE
	}

	#Lines

	image
	{
	   function			= VLINE
	   file				= "Lines/line-v.png"
	   border			= { 0, 0, 0, 0 }
	   stretch			= TRUE
	}
	image
	{
	  function			= HLINE
	  file				= "Lines/line-h.png"
	  border			= { 0, 0, 0, 0 }
	  stretch			= TRUE
	}

	# Handles

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

	# Expanders

	image
	{
		function	= EXPANDER
		expander_style	= COLLAPSED
		file		= "Expanders/plus.png"
	}

	image
	{
		function	= EXPANDER
		expander_style	= EXPANDED
		file		= "Expanders/minus.png"
	}

	image
	{
		function	= EXPANDER
		expander_style	= SEMI_EXPANDED
		file		= "Expanders/ani.png"
	}

	image
	{
		function	= EXPANDER
		expander_style	= SEMI_COLLAPSED
		file		= "Expanders/ani.png"
	}

	image
	{
		function	= RESIZE_GRIP
		state		= NORMAL
		detail		= "statusbar"
		overlay_file	= "Others/null.png"	
		overlay_border	= { 0,0,0,0 }
		overlay_stretch	= FALSE
	}

	# Shadows ( this area needs help :P )

    image
    {
       function			= SHADOW_GAP
       file			= "Others/null.png"
       border			= { 4, 4, 4, 4 }
       stretch			= TRUE
    }
  }
}

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

# Sliders

  image 
    {
      function				= SLIDER
      state           			= NORMAL
      file				= "Scrollbars/slider-horiz.png" 
      border				= { 4, 4, 2, 2 }
      stretch				= TRUE
      orientation			= HORIZONTAL

    }
  image 
    {
      function				= SLIDER
      state           			= ACTIVE
      file				= "Scrollbars/slider-horiz-active.png" 
      border				= { 4, 4, 2, 2 }
      stretch				= TRUE
      orientation			= HORIZONTAL

    }
    image 
    {
      function				= SLIDER
      state           			= PRELIGHT
      file				= "Scrollbars/slider-horiz-prelight.png" 
      border				= { 4, 4, 2, 2 }
      stretch				= TRUE
      orientation			= HORIZONTAL

    }
    image 
    {
      function				= SLIDER
      state           			= INSENSITIVE
      file				= "Scrollbars/slider-horiz-insens.png"
      border				= { 4, 4, 2, 2 }
      stretch				= TRUE
      orientation			= HORIZONTAL

    }

# X Verticals

 image 
    {
      function				= SLIDER
      state           			= NORMAL
      file				= "Scrollbars/slider-vert.png" 
      border				= { 2, 2, 4, 4 }
      stretch				= TRUE
      orientation			= VERTICAL

    }
   image 
    {
      function				= SLIDER
      state           			= ACTIVE
      file				= "Scrollbars/slider-vert-active.png" 
      border				= { 2, 2, 4, 4 }
      stretch				= TRUE
      orientation			= VERTICAL

    }
    image 
    {
      function				= SLIDER
      state           			= PRELIGHT
      file				= "Scrollbars/slider-vert-prelight.png" 
      border				= { 2, 2, 4, 4 }
      stretch				= TRUE
      orientation			= VERTICAL

    }
    image 
    {
      function				= SLIDER
      state           			= INSENSITIVE
      file				= "Scrollbars/slider-vert-insens.png"
      border				= { 2, 2, 4, 4 }
      stretch				= TRUE
      orientation			= VERTICAL

    }
  }
}

style "menubar"
{
	bg[PRELIGHT]	= "#FFF"
	fg[SELECTED]	= @text_color

	xthickness	= 0
	ythickness	= 0

	engine "pixmap"
	{
	  image
	    {
	      function		= BOX
	      recolorable	= TRUE
	      state		= PRELIGHT
	      file		= "Menu-Menubar/menubar_button.png"

	      border		= { 4, 4, 4, 4 }
	      stretch		= TRUE
	    }
	}
}

style "menu"
{
	xthickness	=0
	ythickness	=0

	GtkMenuItem::arrow-scaling	= 0.4

	bg[NORMAL]	= shade (1.08, @bg_color)
}

style "menu_item"
{
	xthickness	= 2
	ythickness	= 4

	bg[PRELIGHT]	= @selected_bg_color
	fg[PRELIGHT]	= @selected_fg_color
	text[PRELIGHT]	= @selected_fg_color

	engine "pixmap"
	{

	# Check Buttons

	image 
	{
            function        		= CHECK
            recolorable     		= TRUE
            state 			= NORMAL
            shadow          		= OUT
            overlay_file    		= "Others/null.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= CHECK
            recolorable     		= TRUE
            state 			= PRELIGHT
            shadow          		= OUT
            overlay_file    		= "Others/null.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= CHECK
            recolorable     		= TRUE
            state 			= ACTIVE
            shadow          		= OUT
            overlay_file    		= "Others/null.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= CHECK
            recolorable     		= TRUE
            state 			= INSENSITIVE
            shadow          		= OUT
            overlay_file    		= "Others/null.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= CHECK
            recolorable     		= TRUE
	    state	 		= NORMAL
            shadow          		= IN
            overlay_file    		= "Check-Radio/menucheck.png"
            overlay_stretch	 	= FALSE
        }
	image 
	{
            function        		= CHECK
            recolorable     		= TRUE
	    	  state 		= PRELIGHT
            shadow          		= IN
            overlay_file    		= "Check-Radio/menucheck_prelight.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= CHECK
            recolorable     		= TRUE
	    	  state 		= ACTIVE
            shadow          		= IN
            overlay_file    		= "Check-Radio/menucheck.png"
            overlay_stretch 		= FALSE
        }
	image 
  	{
 	function        		= CHECK
   	recolorable     		= TRUE
       	state 				= INSENSITIVE
       	shadow          		= IN
       	overlay_file   			= "Others/null.png"
       	overlay_stretch 		= FALSE
	}

	# Radio Buttons

	image 
	{
            function        		= OPTION
            state 			= NORMAL
            shadow          		= OUT
            overlay_file    		= "Others/null.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= OPTION
            state 			= PRELIGHT
            shadow          		= OUT
            overlay_file    		= "Others/null.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= OPTION
            state 			= ACTIVE
            shadow          		= OUT
            overlay_file    		= "Others/null.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= OPTION
            state 			= INSENSITIVE
            shadow         		= OUT
            overlay_file    		= "Others/null.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= OPTION
	    state 			= NORMAL
            shadow          		= IN
            overlay_file    		= "Check-Radio/menuoption.png"
            overlay_stretch 		= FALSE
        }
 	image 
	{
            function        		= OPTION
	    state			= PRELIGHT
            shadow          		= IN
            overlay_file    		= "Check-Radio/menuoption_prelight.png"
            overlay_stretch 		= FALSE
        }
	image 
	{
            function        		= OPTION
	    state			= ACTIVE
            shadow          		= IN
            overlay_file    		= "Check-Radio/menuoption.png"
            overlay_stretch	 	= FALSE
        }
	image 
	{
            function        		= OPTION
	    state 			= INSENSITIVE
            shadow          		= IN
            overlay_file    		= "Others/null.png"
            overlay_stretch 		= FALSE
        }
	image 
      	{
        	function		= SHADOW # This fixes boxy Qt menu items
		file        		= "Others/null.png"
		border      		= { 4, 4, 4, 4 }
		stretch         	= TRUE
      	}

	# Arrow Buttons

	image
	{
	  function			= ARROW
	  state				= NORMAL
	  overlay_file			= "Arrows/menu-arrow.png"
	  overlay_border		= { 0, 0, 0, 0 }
	  overlay_stretch		= FALSE
	  arrow_direction		= RIGHT
	}
	image
	{
	  function			= ARROW
	  state				= PRELIGHT
	  overlay_file			= "Arrows/menu-arrow-prelight.png"
	  overlay_border		= { 0, 0, 0, 0 }
	  overlay_stretch		= FALSE
	  arrow_direction		= RIGHT
	}
    }
}

style "menubar_item"
{
	xthickness	= 2
	ythickness	= 2
	bg[PRELIGHT]	= @selected_fg_color
	fg[PRELIGHT]	= @text_color
}

style "toolbar"
{
	engine "pixmap"
	{
		image
		{
			function	= BOX
			file		= "Toolbar/toolbar.png"
			stretch		= TRUE
    		}
 	}
}

style "button"
{
	xthickness	= 4
	ythickness	= 4

  engine "pixmap"
  {
    image
    {
      function			= BOX
      state			= NORMAL
      file			= "Buttons/button-default.png"
      border			= {4, 4, 4, 4 }
      stretch			= TRUE
    }
    image
    {
      function			= BOX
      state			= PRELIGHT
      file			= "Buttons/button-prelight.png"
      border			= { 4, 4, 4, 4 }
      stretch			= TRUE
    }
    image
    {
      function			= BOX
      state			= ACTIVE
      file			= "Buttons/button-pressed.png"
      border			= { 4, 4, 4, 4 }
      stretch			= TRUE
    }	
    image 
   {
     function			= BOX
     state			= INSENSITIVE
     file			= "Buttons/button-insensitive.png"
     border			= { 4, 4, 4, 4 }
     stretch			= TRUE
    }
  }
}

style "toolbuttons"
{
	ythickness	= 1
	GtkWidget::focus_padding = 2

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

style "entry"
{
	xthickness	= 3
	ythickness   	= 3


	engine "pixmap"
	{
	image
	{
		function		= SHADOW
		detail			= "entry"
		shadow			= IN
		file			= "Entry/entry.png"
		border			= { 4,4,4,4 }
		stretch			= TRUE
	}
    }
}

style "spinbutton"	= "default"
{
	xthickness	= 3
	ythickness	= 3
	GtkWidget::interior_focus	= 1

engine "pixmap"
  {
    image
    {
      function			= ARROW
    }

    # Spin-Up
    image
    {
      function			= BOX
      state 			= NORMAL
      detail			= "spinbutton_up"
      file			= "Spin/up-background.png"
      border			= { 5, 5, 5, 5 }
      stretch			= TRUE
      overlay_file		= "Spin/arrow-up.png"
      overlay_stretch		= FALSE
    }
    image
    {
      function			= BOX
      state 			= PRELIGHT
      detail			= "spinbutton_up"
      file			= "Spin/up-background.png"
      border			= { 5, 5, 5, 5 }
      stretch			= TRUE
      overlay_file		= "Spin/arrow-up-prelight.png"
      overlay_stretch		= FALSE
    }
    image
    {
      function			= BOX
      state 			= INSENSITIVE
      detail			= "spinbutton_up"
      file			= "Spin/up-background.png"
      border			= { 5, 5, 5, 5 }
      stretch			= TRUE
      overlay_file		= "Spin/arrow-up-disable.png"
      overlay_stretch		= FALSE
    }
    image
    {
      function			= BOX
      state 			= ACTIVE
      detail			= "spinbutton_up"
      file			= "Spin/up-background.png"
      border			= { 5, 5, 5, 5 }
      stretch			= TRUE
      overlay_file		= "Spin/arrow-up.png"
      overlay_stretch		= FALSE
    }

    # Spin-Down
    image
    {
      function			= BOX
      state 			= NORMAL
      detail			= "spinbutton_down"
      file			= "Spin/down-background.png"
      border			= { 5, 5, 5, 5 }
      stretch			= TRUE
      overlay_file		= "Spin/arrow-down.png"
      overlay_stretch		= FALSE
    }
    image
    {
      function			= BOX
      state 			= PRELIGHT
      detail			= "spinbutton_down"
      file			= "Spin/down-background.png"
      border			= { 5, 5, 5, 5 }
      stretch			= TRUE
      overlay_file		= "Spin/arrow-down-prelight.png"
      overlay_stretch		= FALSE
    }
    image
    {
      function			= BOX
      state 			= INSENSITIVE
      detail			= "spinbutton_down"
      file			= "Spin/down-background.png"
      border			= { 5, 5, 5, 5 }
      stretch			= TRUE
      overlay_file		= "Spin/arrow-down-disable.png"
      overlay_stretch		= FALSE
    }
    image
    {
      function			= BOX
      state 			= ACTIVE
      detail			= "spinbutton_down"
      file			= "Spin/down-background.png"
      border			= { 5, 5, 5, 5 }
      stretch			= TRUE
      overlay_file		= "Spin/arrow-down-prelight.png"
      overlay_stretch		= FALSE
    }
  }
}

style "notebook"
{

	xthickness	= 5
	ythickness	= 5

  engine "pixmap" 
    {
    image 
      {
     function			= EXTENSION
	state			= ACTIVE
	file			= "Tabs/tab-bottom.png"
	border			= { 10,10,10,10 }
	stretch			= TRUE
	gap_side			= TOP
      }
    image 
      {
     function			= EXTENSION
	state			= ACTIVE
	file			= "Tabs/tab-top.png"
	border			= { 10,10,10,10 }
	stretch			= TRUE
	gap_side			= BOTTOM
      }
    image 
      {
     function			= EXTENSION
	state			= ACTIVE
	file			= "Tabs/tab-left.png"
	border			= { 10,10,10,10 }
	stretch			= TRUE
	gap_side			= RIGHT
      }
    image 
      {
     function			= EXTENSION
	state			= ACTIVE
	file			= "Tabs/tab-right.png"
	border			= { 10,10,10,10 }
	stretch			= TRUE
	gap_side			= LEFT
      }	
    image 
      {
     function			= EXTENSION
	file			= "Tabs/tab-top-active.png"
	border			= { 10,10,10,10 }
	stretch			= TRUE
	gap_side			= BOTTOM
      }
    image 
      {
     function			= EXTENSION
	file			= "Tabs/tab-bottom-active.png"
	border			= { 10,10,10,10 }
	stretch			= TRUE
	gap_side			= TOP
      }
    image 
      {
     function			= EXTENSION
	file			= "Tabs/tab-left-active.png"
	border			= {  10,10,10,10 }
	stretch			= TRUE
	gap_side			= RIGHT
      }
    image 
      {
     function			= EXTENSION
	file			= "Tabs/tab-right-active.png"
	border			= {  10,10,10,10 }
	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
	file				= "Tabs/notebook.png" 
	border				= { 4, 4, 4, 4 }
	stretch				= TRUE
	gap_file			= "Tabs/notebook-gap-top.png"
	gap_border     			= { 2, 2, 0, 0 }
	gap_side			= TOP
      }
    image 
      {
     function				= BOX_GAP
	file				= "Tabs/notebook.png"
	border				= { 4, 4, 4, 4 }
	stretch				= TRUE
	gap_file			= "Tabs/notebook-gap-bottom.png"
	gap_border			= { 2, 2, 0, 0 }
	gap_side			= BOTTOM
      }
    image 
      {
     function				= BOX_GAP
	file				= "Tabs/notebook.png"
	border				= { 4, 4, 4, 4 }
	stretch				= TRUE
	gap_file			= "Tabs/notebook-gap-left.png"
	gap_border			= { 0, 0, 2, 2 }
	gap_side			= LEFT
      }
    image 
      {
     function				= BOX_GAP
	file				= "Tabs/notebook.png" 
	border				= { 4, 4, 4, 4 }
	stretch				= TRUE
	gap_file			= "Tabs/notebook-gap-right.png"
	gap_border			= { 0, 0, 2, 2 }
	gap_side			= RIGHT
      }

# How to draw the box of a notebook when it isnt attached to a tab

    image 
      {
	function		= BOX
	file			= "Tabs/notebook.png"
	border			= { 4, 4, 4, 4 }
	stretch			= TRUE
      }
  }
}

style "range"
{	
  engine "pixmap" 
  {
    image 
    {
      function			= BOX
      detail			= "trough"
      file			= "Range/trough-horizontal.png"
      border			= { 4, 4, 0, 0 }
      stretch			= TRUE
      orientation		= HORIZONTAL
    }	
    image 
    {
      function			= BOX
      detail			= "trough"
      file			= "Range/trough-vertical.png"
      border			= { 0, 0, 4, 4 }
      stretch			= TRUE
      orientation		= VERTICAL
    }

    # Horizontal

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

    # Vertical

    image 
    {
      function				= SLIDER
      state           			= NORMAL
      file				= "Others/null.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
      overlay_file			= "Range/slider-vert.png"
      overlay_stretch			= FALSE
      orientation			= VERTICAL
    }
    image 
    {
      function				= SLIDER
      state           			= PRELIGHT
      file				= "Others/null.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
      overlay_file			= "Range/slider-vert-prelight.png"
      overlay_stretch			= FALSE
      orientation			= VERTICAL
    }
    image 
    {
      function				= SLIDER
      state           			= INSENSITIVE
      file				= "Others/null.png"
      border				= { 0, 0, 0, 0 }
      stretch				= TRUE
      overlay_file			= "Range/slider-vert.png"
      overlay_stretch			= FALSE
      orientation			= VERTICAL
    }
	# Function below removes ugly boxes

	image 
      	{
        	function		= BOX
		file        		= "Others/null.png"
		border      		= { 3, 3, 3, 3 }
		stretch         	= TRUE
      	}

  }
}

style "progressbar"
{
  xthickness            		= 0
  ythickness            		= 0

  engine "pixmap" 
  {
    image
    {
      function				= BOX
      detail				= "trough"
      file				= "ProgressBar/trough-progressbar.png"
      border				= { 3, 3, 3, 3 }
      stretch				= TRUE
}
    image
    {
      function				= BOX
      detail				= "bar"
      file				= "ProgressBar/progressbar.png"
      stretch				= TRUE
      border				= { 3, 3, 3, 3 }
      orientation			= HORIZONTAL
    }
    image
    {
      function				= BOX
      detail				= "bar"
      file				= "ProgressBar/progressbar_v.png"
      stretch				= TRUE
      border				= { 3, 3, 3, 3 }
      orientation			= VERTICAL
    }
  }
}

style "separator_menu_item" 
{
	engine "pixmap"
	{
		image 
      	{
        	function		= BOX
		file        		= "Lines/menu_line.png"
		border      		= { 1, 1, 1, 1 } # Needed for consistency in QGtkStyle
		stretch         	= TRUE
      	}
    }
}

style "treeview"
{
	engine "pixmap"
	{
	image 
      	{
        	function		= BOX
		file        		= "Others/tree_header.png"
		border      		= { 1, 1, 1, 1 }
		stretch         	= TRUE
	}
    }
}

style "scrolled_window"
{
	engine "pixmap"
	{
    image
    {
       function			= SHADOW
       file			= "Shadows/frame.png"				
       border			= { 5, 5, 5, 5 }
       stretch			= TRUE
    }
  }
}

style "tooltips"
{
	xthickness	= 8
	ythickness	= 4

	bg[NORMAL]	= @tooltip_bg_color
	fg[NORMAL]	= @tooltip_fg_color
}

# Chromium

style "chrome-gtk-frame"
{
	ChromeGtkFrame::frame-color = "#EDEDED"
	ChromeGtkFrame::inactive-frame-color = "#EDEDED"

	ChromeGtkFrame::frame-gradient-size = 16
	ChromeGtkFrame::frame-gradient-color = "#EDEDED"

	ChromeGtkFrame::incognito-frame-color = lighter ("#EDEDED")
	ChromeGtkFrame::incognito-inactive-frame-color = lighter ("#EDEDED")

	ChromeGtkFrame::incognito-frame-gradient-size = 16
	ChromeGtkFrame::incognito-frame-gradient-color = "#EDEDED"

	ChromeGtkFrame::scrollbar-trough-color = shade (0.912, @bg_color)
	ChromeGtkFrame::scrollbar-slider-prelight-color = shade (1.04, @bg_color)
	ChromeGtkFrame::scrollbar-slider-normal-color = @bg_color
}

style "null"
{
	engine "pixmap"
	{
		image
		{
			function	= BOX
			file		= "Others/null.png"
			stretch		= TRUE
    		}
 	}
}


class "GtkWidget"			style "default"
class "GtkScrollbar"       		style "scrollbar"
class "GtkButton"          		style "button"
class "GtkEntry"           		style "entry"
class "GtkOldEditable" 			style "entry"
class "GtkSpinButton"   	 	style "spinbutton"
class "GtkNotebook"      		style "notebook"
class "GtkRange"         		style "range"
class "GtkProgressBar"     		style "progressbar"
class "GtkSeparatorMenuItem"		style "separator_menu_item"
class "GtkScrolledWindow"		style "scrolled_window"

class "ChromeGtkFrame" 			style "chrome-gtk-frame"

widget_class "*<GtkMenuBar>*"			style "menubar"
widget_class "*<GtkMenu>*"			style "menu"
widget_class "*<GtkMenuItem>*"			style "menu_item"
widget_class "*<GtkMenuBar>.<GtkMenuItem>*"	style "menubar_item"
widget_class "*Nautilus*ToolBar*"	style "toolbar"
widget_class "*HandleBox"		style "toolbar"
widget_class "*BonoboDockItem"		style "toolbar"
widget_class "*HandleBox"		style "toolbar"
widget_class "*<GtkToolbar>"		style "toolbar"
widget_class "*.<GtkTreeView>*"		style "treeview"
widget_class "*Tool*GtkToggleButton"	style "toolbuttons"
widget_class "*Tool*GtkButton"		style "toolbuttons"

widget_class "*Chrom*Button*"		style "button"

widget "gtk-tooltip*"  			style "tooltips"
widget "*swt*toolbar*"			style "null"
