# Geramik (Uses QtPixmap engine)

pixmap_path "DATA_DIR/themes/Geramik/gtk:DATA_DIR/themes/ThinGeramik/gtk"

style "Settings" {
    engine "qtpixmap" {
        button_x_offset          = 0
        button_y_offset          = 1
        tb_button_x_offset       = 1
        tb_button_y_offset       = 1
        button_focus_mod         = { 4, 2, "-7", "-4" }
        combo_focus_mod          = { 5, 5, "-35", "-8" }
        radio_check_focus_mod    = { 16, 0, "-16", 0 }
        no_radio_check_highlight = TRUE
    }
}

style "EventBox" {
    bg_pixmap[NORMAL]      = "<parent>"
    bg_pixmap[INSENSITIVE] = "<parent>"
    bg_pixmap[PRELIGHT]    = "<parent>"
    bg_pixmap[SELECTED]    = "<parent>"
    bg_pixmap[ACTIVE]      = "<parent>"
}

class "*EventBox" style "EventBox"

style "Button" {
    engine "qtpixmap" {
    xthickness = 3
    ythickness = 3
    image {
        function        = BOX
        state           = NORMAL
        detail          = "buttondefault"
        shadow          = IN
        file            = "def_btn_bgnd.png"
        file_color      = "button"
        file_color_mod  = 40
        border          = { 11, 10, 10, 10 }
        }
    image
      {
        function        = BOX
        state           = NORMAL
        shadow          = OUT
        file            = "tg_btn_nrm.png"
	file_color      = "button"
        file_color_mod  = 40
        border          = { 7,7,7,7 }
      }
    image
      {
        function        = BOX
        state           = PRELIGHT
        shadow          = IN
        file            = "tg_btn_hl.png"
        file_color      = "button"
        file_color_mod  = 40
        border          = { 7,7,7,7 }
      }
    image
      {
        function        = BOX
        state           = PRELIGHT
        shadow          = OUT
        file            = "tg_btn_hl.png"
        file_color      = "button"
        file_color_mod  = 40
        border          = { 7,7,7,7 }
      }
    image
      {
        function        = BOX
        state           = NORMAL
        shadow          = IN
        file            = "def_btn_bgnd.png"
        file_color      = "button"
        file_color_mod  = 40
        border          = { 11, 10, 10, 10 }
      }
    image
      {
        function        = BOX
        state           = INSENSITIVE
        shadow          = IN
        file            = "tg_btn_nrm.png"
        file_color      = "button"
        file_color_mod  = 0
        border          = { 7,7,7,7 }
      }
    image
      {
        function        = BOX
        state           = INSENSITIVE
        shadow          = OUT
        file            = "tg_btn_nrm.png"
        file_color      = "button"
        file_color_mod  = 0
        border          = { 7,7,7,7 }
      }
    image
      {
        function        = BOX
        state           = SELECTED
        shadow          = IN
        file            = "tg_btn_nrm.png"
        file_color      = "button"
        file_color_mod  = 40
        border          = { 7,7,7,7 }
      }
    image
      {
        function        = BOX
        state           = ACTIVE
        shadow          = IN
        file            = "tg_btn_d.png"
        file_color      = "button"
        file_color_mod  = 40
        border          = { 7,7,7,7 }
      }
   }
}

class "GtkButton" style "Button"

style "ListViewHeader"
{
    engine "qtpixmap" {
    xthickness = 1
    ythickness = 1

    image
      {
        function        = BOX
        state           = NORMAL
        shadow          = OUT
        file            = "tg_lv_hdr.png"
        file_color      = "button"
        file_color_mod  = 20
        border          = { 1, 1, 1, 1 }
      }
    image
      {
        function        = BOX
        state           = PRELIGHT
        shadow          = IN
        file            = "tg_lv_hdr.png"
        file_color      = "button"
        file_color_mod  = 20
        border          = { 1, 1, 1, 1 }
      }
    image
      {
        function        = BOX
        state           = PRELIGHT
        shadow          = OUT
        file            = "tg_lv_hdr.png"
        file_color      = "button"
        file_color_mod  = 20
        border          = { 1, 1, 1, 1 }
      }
    image
      {
        function        = BOX
        state           = INSENSITIVE
        shadow          = IN
        file            = "tg_lv_hdr.png"
        file_color      = "button"
        file_color_mod  = 15
        border          = { 1, 1, 1, 1 }
      }
    image
      {
        function        = BOX
        state           = INSENSITIVE
        shadow          = OUT
        file            = "tg_lv_hdr.png"
        file_color      = "button"
        file_color_mod  = 15
        border          = { 1, 1, 1, 1 }
      }
    image
      {
        function        = BOX
        state           = SELECTED
        shadow          = IN
        file            = "tg_lv_hdr.png"
        file_color      = "button"
        file_color_mod  = 20
        border          = { 1, 1, 1, 1 }
      }
    image
      {
        function        = BOX
        state           = ACTIVE
        shadow          = IN
        file            = "tg_lv_hdr_d.png"
        file_color      = "button"
        file_color_mod  = 20
        border          = { 4, 4, 1, 1 }
      }
   }
}

widget_class "*List*GtkButton" style "ListViewHeader"
widget_class "*Tree*GtkButton" style "ListViewHeader"

style "ToolbarButton" {
    engine "qtpixmap" {
    xthickness      = 3
    ythickness      = 3

    image
      {
        function        = BOX
        state           = PRELIGHT
        shadow          = IN
        file            = "tg_tbar_btn_hl.png"
        file_color      = "button"
        file_color_mod  = 30
        border          = { 4, 4, 4, 4 }
      }
    image
      {
        function        = BOX
        state           = PRELIGHT
        shadow          = OUT
        file            = "tg_tbar_btn_hl.png"
        file_color      = "button"
        file_color_mod  = 30
        border          = { 4, 4, 4, 4 }
      }
    image
      {
        function        = BOX
        state           = ACTIVE
        shadow          = IN
        file            = "tg_tbar_btn_d.png"
        file_color      = "button"
        file_color_mod  = 30
        border          = { 4, 4, 4, 4 }
      }
  }
}

widget_class "*Toolbar*GtkButton" style "ToolbarButton"
widget_class "*ToolBox*Table*Button*" style "ToolbarButton"

style "ComboArrow" {
    engine "qtpixmap" {
        image {
            function        = ARROW
            state           = INSENSITIVE
            file            = "mb_opt_arr_dis.png"
            stretch         = FALSE
            arrow_direction = DOWN
        }
        image {
            function        = ARROW
            file            = "mb_opt_arr.png"
            file_color      = "text"
            stretch         = FALSE
            arrow_direction = DOWN
        }
   }
}

widget_class "*ComboText*Gtk*Button*GtkArrow" style "ComboArrow"
widget_class "*GtkCombo*Gtk*Button*GtkArrow" style "ComboArrow"
widget_class "*Entry*Gtk*Button*GtkArrow" style "ComboArrow"

style "ToggleButton" {
    engine "qtpixmap" {
    xthickness = 3
    ythickness = 3
        image {
            function        = BOX
            shadow          = IN
            file            = "tg_btn_d.png"
            file_color      = "button"
            file_color_mod  = 60
            border          = { 7, 7, 7, 7 }
        }
        image {
            function        = BOX
            shadow          = OUT
            file            = "tg_btn_nrm.png"
            file_color      = "button"
            file_color_mod  = 40
            border          = { 7, 7, 7, 7 }
        }
    }
}

class "GtkToggleButton" style "ToggleButton"

style "ToolbarToggleButton" {
    engine "qtpixmap" {
    xthickness      = 3
    ythickness      = 3

    image
      {
        function        = BOX
        shadow          = IN
        file            = "tg_tbar_btn_d.png"
        file_color      = "button"
        file_color_mod  = 30
        border          = { 4, 4, 4, 4 }
      }
    image
      {
        function        = BOX
        shadow          = OUT
        file            = "tg_tbar_btn_hl.png"
        file_color      = "button"
        file_color_mod  = 30
        border          = { 4, 4, 4, 4 }
      }
  }
}

widget_class "*Toolbar*GtkToggleButton" style "ToolbarToggleButton"
widget_class "*Toolbar*GtkRadioButton" style "ToolbarToggleButton"
widget_class "*ToolBox*Table*ToggleButton*" style "ToolbarToggleButton"
widget_class "*ToolBox*Table*RadioButton*" style "ToolbarToggleButton"

style "Notebook" {
    engine "qtpixmap" {
        image {
            function        = EXTENSION
            state           = ACTIVE
            file            = "tg_tab_nrm_t.png"
            file_color      = "button"
            file_color_mod  = 40
            border          = { 10, 10, 10, 10 }
            gap_side        = BOTTOM
        }
        image {
            function        = EXTENSION
            state           = ACTIVE
            file            = "tg_tab_nrm_b.png"
            file_color      = "button"
            file_color_mod  = 40
            border          = { 10, 10, 10, 10 }
            gap_side        = TOP
        }
        image {
            function        = EXTENSION
            state           = ACTIVE
            file            = "tg_tab_nrm_r.png"
            file_color      = "button"
            file_color_mod  = 40
            border          = { 10, 10, 10, 10 }
            gap_side        = RIGHT
        }
        image {
             function        = EXTENSION
             state           = ACTIVE
             file            = "tg_tab_nrm_l.png"
             file_color      = "button"
             file_color_mod  = 40
             border          = { 10, 10, 10, 10 }
             gap_side        = LEFT
        }
        image {
            function        = EXTENSION
            file            = "tg_tab_sel_t.png"
            file_color      = "button"
            file_color_mod  = 40
            border          = { 10, 10, 10, 10 }
            overlay_file    = "tg_tab_sel_t_ov.png"
            overlay_file_color  = "selected"
            overlay_file_color_mod = 80
            overlay_border  = { 10, 10, 10, 10 }
            overlay_stretch = TRUE
            gap_side        = BOTTOM
        }
        image {
            function        = EXTENSION
            file            = "tg_tab_sel_b.png"
            file_color      = "button"
            file_color_mod  = 40
            border          = { 10, 10, 10, 10 }
            overlay_file    = "tg_tab_sel_b_ov.png"
            overlay_file_color  = "selected"
            overlay_file_color_mod = 80
            overlay_border  = { 10, 10, 10, 10 }
            overlay_stretch = TRUE
            gap_side        = TOP
        }
        image {
            function        = EXTENSION
            file            = "tg_tab_sel_r.png"
            file_color      = "button"
            file_color_mod  = 40
            border          = { 10, 10, 10, 10 }
            overlay_file    = "tg_tab_sel_r_ov.png"
            overlay_file_color  = "selected"
            overlay_file_color_mod = 80
            overlay_border  = { 10, 10, 10, 10 }
            overlay_stretch = TRUE
            gap_side        = RIGHT
        }
        image {
            function        = EXTENSION
            file            = "tg_tab_sel_l.png"
            file_color      = "button"
            file_color_mod  = 40
            border          = { 10, 10, 10, 10 }
            overlay_file    = "tg_tab_sel_l_ov.png"
            overlay_file_color  = "selected"
            overlay_file_color_mod = 80
            overlay_border  = { 10, 10, 10, 10 }
            overlay_stretch = TRUE
            gap_side        = LEFT
        }
        
        # How to draw boxes with a gap on on side (ie the page of a notebook)
        image {
            function        = BOX_GAP
            file            = "bx_gp.png"
            file_color      = "window"
            file_color_mod = 64
            border          = { 1, 1, 1, 1 }
            gap_file        = "bx_gp_foc.png"
            gap_start_file  = "bx_gp_t_s.png"
            gap_start_border= { 0, 0, 1, 0 }
            gap_end_file    = "bx_gp_t_e.png"
            gap_end_border  = { 0, 1, 1, 0 }
            gap_file_color     = "button"
            gap_file_color_mod = 25
            gap_start_file_color      = "window"
            gap_start_file_color_mod = 64
            gap_end_file_color      = "window"
            gap_end_file_color_mod = 64
            gap_side        = TOP
        }
        image {
            function        = BOX_GAP
            file            = "bx_gp.png"
            file_color      = "window"
            file_color_mod = 64
            border          = { 1, 1, 1, 1 }
            gap_file        = "bx_gp_foc.png"
            gap_start_file  = "bx_gp_b_s.png"
            gap_start_border= { 0, 0, 1, 0 }
            gap_end_file    = "bx_gp_b_e.png"
            gap_end_border  = { 0, 1, 1, 0 }
            gap_file_color     = "button"
            gap_file_color_mod = 25
            gap_start_file_color      = "window"
            gap_start_file_color_mod = 64
            gap_end_file_color      = "window"
            gap_end_file_color_mod = 64
            gap_side        = BOTTOM
        }
        image {
            function        = BOX_GAP
            file            = "bx_gp.png"
            file_color      = "window"
            file_color_mod = 64
            border          = { 1, 1, 1, 1 }
            gap_file        = "bx_gp_foc.png"
            gap_start_file  = "bx_gp_l_s.png"
            gap_start_border= { 0, 0, 1, 0 }
            gap_end_file    = "bx_gp_l_e.png"
            gap_end_border  = { 0, 0, 0, 1 }
            gap_file_color     = "button"
            gap_file_color_mod = 25
            gap_start_file_color      = "window"
            gap_start_file_color_mod = 64
            gap_end_file_color      = "window"
            gap_end_file_color_mod = 64
            gap_side        = LEFT
        }
        image {
            function        = BOX_GAP
            file            = "bx_gp.png"
            file_color      = "window"
            file_color_mod = 64
            border          = { 1, 1, 1, 1 }
            gap_file        = "bx_gp_foc.png"
            gap_start_file  = "bx_gp_r_s.png"
            gap_start_border= { 0, 1, 0, 0 }
            gap_end_file    = "bx_gp_r_e.png"
            gap_end_border  = { 0, 1, 0, 1 }
            gap_file_color     = "button"
            gap_file_color_mod = 25
            gap_start_file_color      = "window"
            gap_start_file_color_mod = 64
            gap_end_file_color      = "window"
            gap_end_file_color_mod = 64
            gap_side        = RIGHT
        }

        # How to draw the box of a notebook when it is not attached to a tab
        image {
            function        = BOX
            file            = "nb_un.png"
            file_color      = "window"
            file_color_mod = 10
            border          = { 2, 2, 2, 2 }
            gap_side        = TOP
        }
    }
}

class "*Notebook" style "Notebook"

style "Menu" { 
    engine "qtpixmap" { 
        xthickness = 1
        ythickness = 1
        image {
            function        = BOX
            file            = "white.png"
            file_color      = "window"
            file_color_mod  = 22
            overlay_file    = "shd_out_mnu.png"
            overlay_file_color  = "window"
            overlay_file_color_mod = 64
            overlay_border  = { 1, 1, 1, 1 }
            overlay_stretch = TRUE
       }
   }   
}       
    
class "GtkMenu" style "Menu"

style "MenuItem" {
    engine "qtpixmap" {
        xthickness = 2
        ythickness = 2
        image {
            function        = BOX
            file            = "tg_m_hl.png"
            file_color      = "selected"
            border          = { 3, 3, 3, 3 }
        }
    }
}

class "*MenuItem" style "MenuItem"

style "MenuBarItem"
{
    engine "qtpixmap" {
        xthickness = 2
        ythickness = 2
        image {
            function        = BOX
            file            = "tg_mb_itm_sel.png"
            file_color      = "window"
            file_color_mod = 25
            border          = { 1, 1, 1, 1 }
        }
    }
}

widget_class "*MenuBar*MenuItem" style "MenuBarItem"

style "MenuBar" {
    engine "qtpixmap" {
        image {
            function        = BOX
            file            = "white.png"
            file_color      = "window"
        }
    }
}

class "*MenuBar" style "MenuBar"

style "OptionMenu" {
    engine "qtpixmap" {
    xthickness = 2
    ythickness = 2
    image
      {
        function        = BOX
        state           = NORMAL
        shadow          = OUT
        file            = "tg_mb_opt.png"
        file_color      = "button"
        file_color_mod  = 40
        border          = { 12, 28, 9, 10 }
      }
    image
      {
        function        = BOX
        state           = PRELIGHT
        shadow          = IN
        file            = "tg_mb_opt_hl.png"
        file_color      = "button"
        file_color_mod  = 40
        border          = { 12, 28, 9, 10 }
      }
    image
      {
        function        = BOX
        state           = PRELIGHT
        shadow          = OUT
        file            = "tg_mb_opt_hl.png"
        file_color      = "button"
        file_color_mod  = 40
        border          = { 12, 28, 9, 10 }
      }
    image
      {
        function        = BOX
        state           = NORMAL
        shadow          = IN
        file            = "tg_mb_opt.png"
        file_color      = "button"
        file_color_mod  = 40
        border          = { 12, 28, 9, 10 }
      }
    image
      {
        function        = BOX
        state           = INSENSITIVE
        shadow          = IN
        file            = "tg_mb_opt_dis.png"
        file_color      = "button"
        file_color_mod  = 15
        border          = { 12, 28, 9, 10 }
      }
    image
      {
        function        = BOX
        state           = INSENSITIVE
        shadow          = OUT
        file            = "tg_mb_opt_dis.png"
        file_color      = "button"
        file_color_mod  = 15
        border          = { 12, 28, 9, 10 }
      }
    image
      {
        function        = BOX
        state           = SELECTED
        shadow          = IN
        file            = "tg_mb_opt.png"
        file_color      = "button"
        file_color_mod  = 40
        border          = { 12, 28, 9, 10 }
      }
    image
      {
        function        = BOX
        state           = ACTIVE
        shadow          = IN
        file            = "tg_mb_opt.png"
        file_color      = "button"
        file_color_mod  = 40
        border          = { 12, 28, 9, 10 }
      }
    image
      {
        function        = TAB
        overlay_file    = "mb_opt_arr.png"
        overlay_file_color = "text"
        overlay_stretch = FALSE
      }
    image
      {
        function        = TAB
        state           = INSENSITIVE
        overlay_file    = "mb_opt_arr_dis.png"
        overlay_stretch = FALSE
      }
   }
}

class "*OptionMenu" style "OptionMenu"

style "ProgressBar" {
    engine "qtpixmap" {
        xthickness = 1
        ythickness = 1
        image {
            function        = BOX
            detail          = "bar"
            file            = "pbar.png"
            file_color      = "selected"
            file_color_mod  = 25
            border          = { 1, 1, 1, 1 }
            stretch         = "height"
        }
        image {
            function        = BOX
            detail          = "trough"
            file            = "trf_h.png"
            border          = { 2, 2, 2, 2 }
            orientation     = HORIZONTAL
        }
    }
}

class "*ProgressBar" style "ProgressBar"

style "Scale" {
    engine "qtpixmap" {
        image {
            function        = BOX
            detail          = "trough"
            file            = "sldr_trf_v.png"
            file_color      = "button"
            file_color_mod  = 25
            border          = { 7, 7, 7, 7 }
            orientation     = VERTICAL
        }
        image {
            function        = BOX
            detail          = "trough"
            file            = "sldr_trf_h.png"
            file_color      = "button"
            file_color_mod  = 25
            border          = { 7, 7, 7, 7 }
            orientation     = HORIZONTAL
        }
        image {
            function        = SLIDER
            state           = PRELIGHT
            file            = "sldr_h_sel.png"
            file_color      = "kwin-inactiveBackground"
            border          = { 4, 4, 4, 4 }
            orientation     = HORIZONTAL
            file_color_mod = 70
        }
        image {
            function        = SLIDER
            file            = "sldr_h.png"
            file_color      = "kwin-inactiveBackground"
            border          = { 4, 4, 4, 4 }
            orientation     = HORIZONTAL
            file_color_mod = 70
        }
        image {
            function        = SLIDER
            state           = PRELIGHT
            file            = "sldr_v_sel.png"
            file_color      = "selected"
            border          = { 4, 4, 4, 4 }
            orientation     = VERTICAL
            file_color_mod = 70
        }
        image {
            function        = SLIDER
            file            = "sldr_v.png"
            file_color      = "selected"
            border          = { 4, 4, 4, 4 }
            orientation     = VERTICAL
            file_color_mod = 70
        }
    }
}

class "GtkHScale" style "Scale"
class "GtkVScale" style "Scale"
class "GtkScale" style "Scale"

style "Ruler" {     
    engine "qtpixmap" {
        image {
            function        = BOX
            detail          = "vruler"
            file            = "rlr_v.png"
            file_color      = "button"
            file_color_mod  = 25
            border          = { 2, 2, 2, 2 }
        }
        image { 
            function        = BOX
            detail          = "hruler"
            file            = "rlr_h.png"
            file_color      = "button"
            file_color_mod  = 25
            border          = { 2, 2, 2, 2 }
        }
    }   
}

class "*Ruler" style "Ruler"

style "Curve" {
    engine "qtpixmap" { 
        image {
            function        = FLAT_BOX
            detail          = "curve_bg"
            file            = "crv_bgnd.png"
            border          = { 2, 2, 2, 2 }
        }
    } 
}     
  
class "*Curve" style "Curve"

style "Entry" {
    engine "qtpixmap" {
        image {
            function        = SHADOW
            shadow          = IN
            file            = "shd_in_ent.png"
            file_color      = "window"
            file_color_mod = 64
            border          = { 2, 2, 2, 2 }
        }
    }
}

class "*Entry" style "Entry"
class "*SpinButton" style "Entry"

# Evolution...
style "EveGrayBar" {
    engine "qtpixmap" {
        image {
            function        = FLAT_BOX
            file            = "white.png"
            file_color      = "button"
            file_color_mod  = "-50"
        }
    }
}

class "EGrayBar" style "EveGrayBar"

style "Default" {
    engine "qtpixmap" {
        # Scrollbars...
        image {
            function        = BOX
            detail          = "slider"
            state           = PRELIGHT
            file            = "tg_sbar_h.png"
            file_color      = "kwin-inactiveBackground"
            border          = { 3, 3, 3, 3 }
            orientation     = HORIZONTAL
            overlay_file    = "tg_sbar_h_thm.png"
            overlay_file_color = "kwin-inactiveBackground"
            overlay_stretch = FALSE
            overlay_min_size = { 36, 0 }
            file_color_mod = 65
            overlay_file_color_mod = 65
        }
        image {
            function        = BOX
            detail          = "slider"
            file            = "tg_sbar_h.png"
            file_color      = "kwin-inactiveBackground"
            border          = { 3, 3, 3, 3 }
            orientation     = HORIZONTAL
            overlay_file    = "tg_sbar_h_thm.png"
            overlay_file_color = "kwin-inactiveBackground"
            overlay_stretch = FALSE
            overlay_min_size = { 36, 0 }
            file_color_mod = 45
            overlay_file_color_mod = 45
        }
        image {
            function        = BOX
            detail          = "slider"
            state           = PRELIGHT
            file            = "tg_sbar_v.png"
            file_color      = "kwin-inactiveBackground"
            border          = { 3, 3, 3, 3 }
            orientation     = VERTICAL
            overlay_file    = "tg_sbar_v_thm.png"
            overlay_file_color = "kwin-inactiveBackground"
            overlay_stretch = FALSE
            overlay_min_size = { 0, 36 }
            file_color_mod = 65
            overlay_file_color_mod = 65
        }
        image {
            function        = BOX
            detail          = "slider"
            file            = "tg_sbar_v.png"
            file_color      = "kwin-inactiveBackground"
            border          = { 3, 3, 3, 3 }
            orientation     = VERTICAL
            overlay_file    = "tg_sbar_v_thm.png"
            overlay_file_color = "kwin-inactiveBackground"
            overlay_stretch = FALSE
            overlay_min_size = { 0, 36 }
            file_color_mod = 45
            overlay_file_color_mod = 45
        }

        # Troughs
        image {
            function        = BOX
            detail          = "trough"
            file            = "trf_v.png"
            file_color      = "button"
            file_color_mod  = 25
            border          = { 2, 2, 2, 2 }
            orientation     = VERTICAL
        }
        image {
            function        = BOX
            detail          = "trough"
            file            = "trf_h.png"
            file_color      = "button"
            file_color_mod  = 25
            border          = { 2, 2, 2, 2 }
            orientation     = HORIZONTAL
        }

        # Handlebox
        image {
            function        = BOX
            detail          = "handlebox_bin"
            file            = "tg_l_h.png"
            file_color      = "window"
            file_color_mod  = 33
            orientation     = HORIZONTAL
        }
        image {
            function        = BOX
            detail          = "handlebox_bin"
            file            = "tg_l_v.png"
            file_color      = "window"
            file_color_mod  = 33
            orientation     = VERTICAL
        }

        # Paned Widgets
        image {
            function        = BOX
            detail          = "paned"
            file            = "paned.png"
            border          = { 2, 2, 2, 2 }
        }

        # Tooltips
        image {
            function        = FLAT_BOX
            detail          = "tooltip"
            file            = "ttip.png"
            border          = { 1, 1, 1, 1 }
        }

        # Selected text in entries, text widget, lists and trees
        image {
            function        = FLAT_BOX
            detail          = "viewportbin"
            file            = "white.png"
            file_color      = "background"
        }
        image {
            function = FLAT_BOX
            detail = "entry_bg"
            file = "white.png"
            file_color = "background"
        }

        # Arrows
        image {
            function        = ARROW
            state           = NORMAL
            file            = "arr_u_nrm.png"
            file_color = "text"
            stretch         = FALSE
            arrow_direction = UP
            detail          = "vscrollbar"
        }
        image {
            function        = ARROW
            state           = PRELIGHT
            file            = "arr_u_nrm.png"
            file_color = "text"
            stretch         = FALSE
            arrow_direction = UP
            detail          = "vscrollbar"
        }
        image {
            function        = ARROW
            state           = INSENSITIVE
            file            = "arr_u_dis.png"
            stretch         = FALSE
            arrow_direction = UP
            detail          = "vscrollbar"
        }
        image {
            function        = ARROW
            shadow          = IN
            file            = "arr_u_clk.png"
            file_color = "text"
            stretch         = FALSE
            arrow_direction = UP
            detail          = "vscrollbar"
        }
        image {
            function        = ARROW
            state           = NORMAL
            file            = "arr_d_nrm.png"
            file_color = "text"
            stretch         = FALSE
            arrow_direction = DOWN
            detail          = "vscrollbar"
        }
        image {
            function        = ARROW
            state           = PRELIGHT
            file            = "arr_d_nrm.png"
            file_color = "text"
            stretch         = FALSE
            arrow_direction = DOWN
            detail          = "vscrollbar"
        }
        image {
            function        = ARROW
            state           = INSENSITIVE
            file            = "arr_d_dis.png"
            stretch         = FALSE
            arrow_direction = DOWN
            detail          = "vscrollbar"
        }
        image {
            function        = ARROW
            shadow          = IN
            file            = "arr_d_clk.png"
            file_color = "text"
            stretch         = FALSE
            arrow_direction = DOWN
            detail          = "vscrollbar"
        }
        image {
            function        = ARROW
            state           = NORMAL
            file            = "arr_l_nrm.png"
            file_color = "text"
            stretch         = FALSE
            arrow_direction = LEFT
            detail          = "hscrollbar"
        }
        image {
            function        = ARROW
            state           = PRELIGHT
            file            = "arr_l_nrm.png"
            file_color = "text"
            stretch         = FALSE
            arrow_direction = LEFT
            detail          = "hscrollbar"
        }
        image {
            function        = ARROW
            state           = INSENSITIVE
            file            = "arr_l_dis.png"
            stretch         = FALSE
            arrow_direction = LEFT
            detail          = "hscrollbar"
        }
        image {
            function        = ARROW
            shadow          = IN
            file            = "arr_l_clk.png"
            file_color = "text"
            stretch         = FALSE
            arrow_direction = LEFT
            detail          = "hscrollbar"
        }
        image {
            function        = ARROW
            state           = NORMAL
            file            = "arr_r_nrm.png"
            file_color = "text"
            stretch         = FALSE
            arrow_direction = RIGHT
            detail          = "hscrollbar"
        }
        image {
            function        = ARROW
            state           = PRELIGHT
            file            = "arr_r_nrm.png"
            file_color = "text"
            stretch         = FALSE
            arrow_direction = RIGHT
            detail          = "hscrollbar"
        }
        image {
            function        = ARROW
            state           = INSENSITIVE
            file            = "arr_r_dis.png"
            stretch         = FALSE
            arrow_direction = RIGHT
            detail          = "hscrollbar"
        }
        image {
            function        = ARROW
            shadow          = IN
            file            = "arr_r_clk.png"
            file_color = "text"
            stretch         = FALSE
            arrow_direction = RIGHT
            detail          = "hscrollbar"
        }
	
        image {
            function        = ARROW
            state           = NORMAL
            overlay_file    = "smp_arr_u_nrm.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = UP
        }
        image {
            function        = ARROW
            state           = PRELIGHT
            overlay_file    = "smp_arr_u_nrm.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = UP
        }
        image {
            function        = ARROW
            state           = INSENSITIVE
            overlay_file    = "smp_arr_u_dis.png"
            overlay_stretch = FALSE
            arrow_direction = UP
        }
        image {
            function        = ARROW
            shadow          = IN
            overlay_file    = "smp_arr_u_clk.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = UP
        }
        image {
            function        = ARROW
            state           = ACTIVE
            overlay_file    = "smp_arr_u_clk.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = UP
        }
        image {
            function        = ARROW
            state           = NORMAL
            overlay_file    = "smp_arr_d_nrm.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = DOWN
        }
        image {
            function        = ARROW
            state           = PRELIGHT
            overlay_file    = "smp_arr_d_nrm.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = DOWN
        }
        image {
            function        = ARROW
            state           = INSENSITIVE
            overlay_file    = "smp_arr_d_dis.png"
            overlay_stretch = FALSE
            arrow_direction = DOWN
        }
        image {
            function        = ARROW
            shadow          = IN
            overlay_file    = "smp_arr_d_clk.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = DOWN
        }
        image {
            function        = ARROW
            state           = ACTIVE
            overlay_file    = "smp_arr_d_clk.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = DOWN
        }
        image {
            function        = ARROW
            state           = NORMAL
            overlay_file    = "smp_arr_l_nrm.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = LEFT
        }
        image {
            function        = ARROW
            state           = PRELIGHT
            overlay_file    = "smp_arr_l_nrm.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = LEFT
        }
        image {
            function        = ARROW
            state           = INSENSITIVE
            overlay_file    = "smp_arr_l_dis.png"
            overlay_stretch = FALSE
            arrow_direction = LEFT
        }
        image {
            function        = ARROW
            shadow          = IN
            overlay_file    = "smp_arr_l_clk.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = LEFT
        }
        image {
            function        = ARROW
            state           = ACTIVE
            overlay_file    = "smp_arr_l_clk.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = LEFT
        }
        image {
            function        = ARROW
            state           = NORMAL
            overlay_file    = "smp_arr_r_nrm.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = RIGHT
        }
        image {
            function        = ARROW
            state           = PRELIGHT
            overlay_file    = "smp_arr_r_nrm.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = RIGHT
        }
        image {
            function        = ARROW
            state           = INSENSITIVE
            overlay_file    = "smp_arr_r_dis.png"
            overlay_stretch = FALSE
            arrow_direction = RIGHT
        }
        image {
            function        = ARROW
            shadow          = IN
            overlay_file    = "smp_arr_r_clk.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = RIGHT
        }
        image {
            function        = ARROW
            state           = ACTIVE
            overlay_file    = "smp_arr_r_clk.png"
            overlay_file_color = "text"
            overlay_stretch = FALSE
            arrow_direction = RIGHT
        }

        # Hline and Vline Widgets
        image {
            function        = HLINE
            file            = "h_ln.png"
            file_color      = "window"
            file_color_mod = 64
        }
        image {
            function        = VLINE
            file            = "v_ln.png"
            file_color      = "window"
            file_color_mod = 64
        }

        # Check Marks
        image {
            function        = CHECK
            shadow          = OUT
            overlay_file    = "chk_out.png"
            overlay_file_color      = "button"
            overlay_file_color_mod  = 25
            overlay_stretch = FALSE
        }
        image {
            function        = CHECK
            shadow          = IN
            overlay_file    = "chk_in.png"
            overlay_file_color      = "button"
            overlay_file_color_mod  = 25
            overlay_stretch = FALSE
        }

        # Option Marks
        image {
            function        = OPTION
            shadow          = OUT
            overlay_file    = "opt_out.png"
            overlay_file_color      = "button"
            overlay_file_color_mod  = 25
            overlay_stretch = FALSE
        }
        image {
            function        = OPTION
            shadow          = IN
            overlay_file    = "opt_in.png"
            overlay_file_color      = "button"
            overlay_file_color_mod  = 25
            overlay_stretch = FALSE
        }

        # Sliders
        image {
            function        = SLIDER
            state           = PRELIGHT
            file            = "sldr_h_sel.png"
            file_color      = "kwin-inactiveBackground"
            border          = { 4, 4, 4, 4 }
            orientation     = HORIZONTAL
            file_color_mod = 70
        }
        image {
            function        = SLIDER
            file            = "sldr_h.png"
            file_color      = "kwin-inactiveBackground"
            border          = { 4, 4, 4, 4 }
            orientation     = HORIZONTAL
            file_color_mod = 70
        }
        image {
            function        = SLIDER
            state           = PRELIGHT
            file            = "sldr_v_sel.png"
            file_color      = "selected"
            border          = { 4, 4, 4, 4 }
            orientation     = VERTICAL
            file_color_mod = 70
        }
        image {
            function        = SLIDER
            file            = "sldr_v.png"
            file_color      = "selected"
            border          = { 4, 4, 4, 4 }
            orientation     = VERTICAL
            file_color_mod = 70
        }

        # Splitters
        image {
            function        = HANDLE
            file            = "spltr_v.png"
            file_color      = "window"
            file_color_mod  = 25
            border          = { 2, 2, 2, 2 }
            detail          = "paned"
            orientation     = VERTICAL
        }

        image {
            function        = HANDLE
            file            = "spltr_h.png"
            file_color      = "window"
            file_color_mod  = 25
            border          = { 2, 2, 2, 2 }
            detail          = "paned"
            orientation     = HORIZONTAL
        }

        # The Handle on Handleboxes
        image {
            function        = HANDLE
            file            = "tg_l_h.png"
            border          = { 0, 0, 1, 1 }
            file_color      = "window"
            file_color_mod  = 33
            overlay_file    = "tg_hnd_v_thm.png"
            overlay_file_color      = "window"
            overlay_stretch = FALSE
            orientation     = VERTICAL
            detail          = "handlebox"
        }
        image {
            function        = HANDLE
            file            = "tg_l_v.png"
            border          = { 1, 1 , 0, 0}
            file_color      = "window"
            file_color_mod  = 33
            overlay_file    = "tg_hnd_h_thm.png"
            overlay_file_color      = "window"
            overlay_stretch = FALSE
            orientation     = HORIZONTAL
            detail          = "handlebox"
        }

        image {
            function        = HANDLE
            file            = "tg_l_h.png"
            border          = { 0, 0, 1, 1 }
            file_color      = "window"
            file_color_mod  = 33
            overlay_file    = "tg_hnd_v_thm.png"
            overlay_file_color      = "window"
            overlay_stretch = FALSE
            orientation     = VERTICAL
        }

        image {
            function        = HANDLE
            file            = "tg_l_v.png"
            border          = { 1, 1 , 0, 0}
            file_color      = "window"
            file_color_mod  = 33
            overlay_file    = "tg_hnd_h_thm.png"
            overlay_file_color      = "window"
            overlay_stretch = FALSE
            orientation     = HORIZONTAL
        }

        # How to draw shadows in general
        image {
            function        = SHADOW
            shadow          = IN
            file            = "shd_in.png"
            file_color      = "window"
            file_color_mod = 64
            border          = { 2, 2, 2, 2 }
        }
        image {
            function        = SHADOW
            shadow          = OUT
            file            = "shd_out.png"
            file_color      = "window"
            file_color_mod = 64
            border          = { 2, 2, 2, 2 }
        }
        image {
            function        = SHADOW
            shadow          = ETCHED_IN
            file            = "etched.png"
            file_color      = "window"
            file_color_mod = 64
            border          = { 2, 2, 2, 2 }
        }
        image {
            function        = SHADOW
            shadow          = ETCHED_OUT
            file            = "etched.png"
            file_color      = "window"
            file_color_mod = 64
            border          = { 2, 2, 2, 2 }
        }

        # How to draw shadows with a gap on one side
        image {
            function        = SHADOW_GAP
            file            = "etched.png"
            border          = { 2, 2, 2, 2 }
            gap_start_file  = "frm_gp_t_s.png"
            gap_start_border= { 1, 0, 1, 1 }
            gap_end_file    = "frm_gp_t_e.png"
            gap_end_border  = { 0, 2, 1, 1 }
            gap_side        = TOP
            file_color      = "window"
            file_color_mod = 64
            gap_start_file_color      = "window"
            gap_start_file_color_mod = 64
            gap_end_file_color      = "window"
            gap_end_file_color_mod = 64
        }

        image {
            function        = BOX
            shadow          = IN
            file            = "tg_l_h.png"
            border          = { 0, 0, 1, 1 }
            file_color      = "window"
            file_color_mod  = 33
            orientation     = HORIZONTAL
            detail          = "toolbar"
        }
        image {
            function        = BOX
            file            = "tg_l_h.png"
            border          = { 0, 0, 1, 1 }
            file_color      = "window"
            file_color_mod  = 33
            orientation     = HORIZONTAL
            detail          = "toolbar"
        }
        image {
            function        = BOX
            shadow          = IN
            file            = "tg_l_v.png"
            border          = { 1, 1 , 0, 0}
            file_color      = "window"
            file_color_mod  = 33
            orientation     = VERTICAL
            detail          = "toolbar"
        }
        image {
            function        = BOX
            file            = "tg_l_v.png"
            border          = { 1, 1 , 0, 0}
            file_color      = "window"
            file_color_mod  = 33
            orientation     = VERTICAL
            detail          = "toolbar"
        }

        image {
            function        = BOX
            shadow          = IN
            file            = "tg_l_h.png"
            border          = { 0, 0, 1, 1 }
            file_color      = "window"
            file_color_mod  = 33
            orientation     = HORIZONTAL
            detail          = "dockitem_bin"
        }
        image {
            function        = BOX
            file            = "tbar_h.png"
            file            = "tg_l_h.png"
            border          = { 0, 0, 1, 1 }
            file_color      = "window"
            file_color_mod  = 33
            orientation     = HORIZONTAL
            detail          = "dockitem_bin"
        }
        image {
            function        = BOX
            shadow          = IN
            file            = "tg_l_v.png"
            border          = { 1, 1 , 0, 0}
            file_color      = "window"
            file_color_mod  = 33
            orientation     = VERTICAL
            detail          = "dockitem_bin"
        }
        image {
            function        = BOX
            file            = "tg_l_v.png"
            border          = { 1, 1 , 0, 0}
            file_color      = "window"
            file_color_mod  = 33
            orientation     = VERTICAL
            detail          = "dockitem_bin"
        }

        # How to draw boxes that have not already been covered
        image {
            function        = FLAT_BOX
            shadow          = IN
            file            = "oth_bx.png"
            file_color      = "window"
            file_color_mod = 64
            border          = {1, 1, 1, 1}
        }
        image {
            function        = FLAT_BOX
            shadow          = OUT
            file            = "oth_bx2.png"
            file_color      = "window"
            file_color_mod = 64
            border          = {1, 1, 1, 1}
        }
        image {
            function        = BOX
            shadow          = IN
            file            = "oth_bx.png"
            file_color      = "window"
            file_color_mod = 64
            border          = {1, 1, 1, 1}
        }
        image {
            function        = BOX
            shadow          = OUT
            file            = "oth_bx2.png"
            file_color      = "window"
            file_color_mod = 64
            border          = {1, 1, 1, 1}
        }
    }
}

class "GtkWidget" style "Default"
