style "spinbutton"  = "default"
{
    xthickness = 3
    ythickness = 3
    GtkWidget::interior_focus = 0
    base[INSENSITIVE] = shade (0.95, @bg_color)
    text[INSENSITIVE] = mix (0.3, @base_color, @text_color)
    engine "pixmap"
    {
        image
        {
            function = ARROW
        }

        #-------------------- UP --------------------#
        image
        {
            function        = BOX
            state           = NORMAL
            detail          = "spinbutton_up"
            recolorable     = TRUE
            file            = "Spin/spin-up-bg.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-up.png"
            overlay_stretch = FALSE
        }
        image
        {
            function        = BOX
            state           = PRELIGHT
            detail          = "spinbutton_up"
            recolorable     = TRUE
            file            = "Spin/spin-up-bg.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-up-prelight.png"
            overlay_stretch = FALSE
        }
        image
        {
            function        = BOX
            state           = INSENSITIVE
            detail          = "spinbutton_up"
            recolorable     = TRUE
            file            = "Spin/spin-up-bg.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-up-disable.png"
            overlay_stretch = FALSE
        }
        image
        {
            function        = BOX
            state           = ACTIVE
            detail          = "spinbutton_up"
            recolorable     = TRUE
            file            = "Spin/spin-up-bg.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-up-active.png"
            overlay_stretch = FALSE
        }

        #-------------------- DOWN --------------------#
        image
        {
            function        = BOX
            state           = NORMAL
            detail          = "spinbutton_down"
            recolorable     = TRUE
            file            = "Spin/spin-down-bg.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-down.png"
            overlay_stretch = FALSE
        }
        image
        {
            function        = BOX
            state           = PRELIGHT
            detail          = "spinbutton_down"
            recolorable     = TRUE
            file            = "Spin/spin-down-bg.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-down-prelight.png"
            overlay_stretch = FALSE
        }
        image
        {
            function        = BOX
            state           = INSENSITIVE
            detail          = "spinbutton_down"
            recolorable     = TRUE
            file            = "Spin/spin-down-bg.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-down-disable.png"
            overlay_stretch = FALSE
        }
        image
        {
            function        = BOX
            state           = ACTIVE
            detail          = "spinbutton_down"
            recolorable     = TRUE
            file            = "Spin/spin-down-bg.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-down-active.png"
            overlay_stretch = FALSE
        }
        
        #-------------------- SPIN ENTRY --------------------#
        image
        {
            function    = FOCUS
            recolorable = TRUE
            file        = "Spin/text-entry-focus.png"
            border      = { 4,4,4,4 }
            stretch     = TRUE
        }   
        image
        {
            function    = SHADOW
            detail      = "entry"
            shadow      = IN
            recolorable = FALSE
            file        = "Spin/text-entry.png"
            border      = { 4,4,4,4 }
            stretch     = TRUE
        }
    }
}

style "spinbutton-notebook" = "default"
{
    xthickness = 3
    ythickness = 3
    GtkWidget::interior_focus = 0
    base[INSENSITIVE] = shade (0.95, @bg_color)
    text[INSENSITIVE] = mix (0.3, @base_color, @text_color)
    engine "pixmap"
    {
        image
        {
            function = ARROW
        }

        #-------------------- UP --------------------#
        image
        {
            function        = BOX
            state           = NORMAL
            detail          = "spinbutton_up"
            recolorable     = TRUE
            file            = "Spin/spin-up-bg-notebook.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-up.png"
            overlay_stretch = FALSE
        }
        image
        {
            function        = BOX
            state           = PRELIGHT
            detail          = "spinbutton_up"
            recolorable     = TRUE
            file            = "Spin/spin-up-bg-notebook.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-up-prelight.png"
            overlay_stretch = FALSE
        }
        image
        {
            function        = BOX
            state           = INSENSITIVE
            detail          = "spinbutton_up"
            recolorable     = TRUE
            file            = "Spin/spin-up-bg-notebook.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-up-disable.png"
            overlay_stretch = FALSE
        }
        image
        {
            function        = BOX
            state           = ACTIVE
            detail          = "spinbutton_up"
            recolorable     = TRUE
            file            = "Spin/spin-up-bg-notebook.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-up-active.png"
            overlay_stretch = FALSE
        }

        #-------------------- DOWN --------------------#
        image
        {
            function        = BOX
            state           = NORMAL
            detail          = "spinbutton_down"
            recolorable     = TRUE
            file            = "Spin/spin-down-bg-notebook.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-down.png"
            overlay_stretch = FALSE
        }
        image
        {
            function        = BOX
            state           = PRELIGHT
            detail          = "spinbutton_down"
            recolorable     = TRUE
            file            = "Spin/spin-down-bg-notebook.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-down-prelight.png"
            overlay_stretch = FALSE
        }
        image
        {
            function        = BOX
            state           = INSENSITIVE
            detail          = "spinbutton_down"
            recolorable     = TRUE
            file            = "Spin/spin-down-bg-notebook.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-down-disable.png"
            overlay_stretch = FALSE
        }
        image
        {
            function        = BOX
            state           = ACTIVE
            detail          = "spinbutton_down"
            recolorable     = TRUE
            file            = "Spin/spin-down-bg-notebook.png"
            border          = { 4,4,4,4 }
            stretch         = TRUE
            overlay_file    = "Spin/arrow-down-active.png"
            overlay_stretch = FALSE
        }
        
        #-------------------- SPIN ENTRY --------------------#
        image
        {
            function    = FOCUS
            recolorable = TRUE
            file        = "Spin/text-entry-focus-notebook.png"
            border      = { 4,4,4,4 }
            stretch     = TRUE
        }   
        image
        {
            function    = SHADOW
            detail      = "entry"
            shadow      = IN
            recolorable = FALSE
            file        = "Spin/text-entry-notebook.png"
            border      = { 4,4,4,4 }
            stretch     = TRUE
        }
    }
}

class "GtkSpinButton" style "spinbutton"
widget_class "*<GtkNotebook>*<GtkSpinButton>" style "spinbutton-notebook"
widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkSpinButton>" style "spinbutton"
