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

        #----------- SLIDERS -----------#

        image 
        {
            function    = SLIDER
            recolorable = TRUE
            state       = NORMAL
            file        = "Scrollbars/slider-horiz.png" 
            border      = { 10, 10, 2, 2 }
            stretch     = TRUE
            orientation = HORIZONTAL
        }
        image 
        {
            function    = SLIDER
            recolorable = TRUE
            state       = ACTIVE
            shadow      = IN
            file        = "Scrollbars/slider-horiz-active.png" 
            border      = { 10, 10, 2, 2 }
            stretch     = TRUE
            orientation = HORIZONTAL
        }
        image 
        {
            function    = SLIDER
            recolorable = TRUE
            state       = PRELIGHT
            file        = "Scrollbars/slider-horiz-prelight.png" 
            border      = { 10, 10, 2, 2 }
            stretch     = TRUE
            orientation = HORIZONTAL
        }
        image 
        {
            function    = SLIDER
            recolorable = TRUE
            state       = INSENSITIVE
            file        = "Scrollbars/slider-horiz-insens.png"
            border      = { 10, 10, 2, 2 }
            stretch     = TRUE
            orientation = HORIZONTAL
        }
        
        #----------- VERTICALS -----------#

        image 
        {
            function    = SLIDER
            recolorable = TRUE
            state       = NORMAL
            file        = "Scrollbars/slider-vert.png" 
            border      = { 2, 2, 10, 10 }
            stretch     = TRUE
            orientation = VERTICAL
        }
        image 
        {
            function    = SLIDER
            recolorable = TRUE
            state       = ACTIVE
            shadow      = IN
            file        = "Scrollbars/slider-vert-active.png" 
            border      = { 2, 2, 10, 10 }
            stretch     = TRUE
            orientation = VERTICAL
        }
        image 
        {
            function    = SLIDER
            recolorable = TRUE
            state       = PRELIGHT
            file        = "Scrollbars/slider-vert-prelight.png" 
            border      = { 2, 2, 10, 10 }
            stretch     = TRUE
            orientation = VERTICAL
        }
        image 
        {
            function    = SLIDER
            recolorable = TRUE
            state       = INSENSITIVE
            file        = "Scrollbars/slider-vert-insens.png"
            border      = { 2, 2, 10, 10 }
            stretch     = TRUE
            orientation = VERTICAL
        }

        #----------- END SLIDERS -----------#
        #------------ Steppers ------------#
        #--------------- UP ---------------#

        image 
        {
            function        = STEPPER
            recolorable     = TRUE
            state           = NORMAL
            file            = "Scrollbars/stepper-up.png"
            stretch         = TRUE
            arrow_direction = UP
        }
        image 
        {
            function        = STEPPER
            recolorable     = TRUE
            state           = PRELIGHT
            file            = "Scrollbars/stepper-up-prelight.png"
            stretch         = TRUE
            arrow_direction = UP
        }
        image 
        {
            function        = STEPPER
            recolorable     = TRUE
            state           = ACTIVE
            file            = "Scrollbars/stepper-up-prelight.png"
            stretch         = TRUE
            arrow_direction = UP
        }
        image 
        {
            function        = STEPPER
            recolorable     = TRUE
            state           = INSENSITIVE
            file            = "Scrollbars/stepper-up-insens.png"
            stretch         = TRUE
            arrow_direction = UP
        }

        #----------- DOWN -----------#

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

        #----------- RIGHT -----------#

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

        #----------- LEFT -----------#

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

class "GtkScrollbar" style "scrollbar"
