/**************
 * Scrollbars *
 **************/
.scrollbar {
    -GtkRange-slider-width:     12;
    -GtkRange-stepper-size:     13;
    -GtkRange-stepper-spacing:   0;
    -GtkRange-trough-under-steppers: 0;
    -GtkRange-trough-border:    1;
    -GtkScrollbar-min-slider-length: 36;
    -GtkRange-arrow-scaling: 0.60;
    -GtkScrolledWindow-scrollbars-within-bevel: 0;
    -GtkScrollbar-has-secondary-forward-stepper: 0;
    -GtkScrollbar-has-secondary-backward-stepper: 0;
    -GtkScrollbar-has-backward-stepper: 1;
    -GtkScrollbar-has-forward-stepper: 1;
    border-radius: 10px;
    border-width: 1px;
}

.scrollbar.trough {
    border-width: 1px;
    border-radius: 10px;
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@gradient_color_a, 1.50)),
                                     to (shade (@gradient_color_b, 1.15)));
    box-shadow: inset 1px 1px shade (@bg_color, 0.90),
                inset -2px -2px shade (@bg_color, 0.90),
                inset 1px 1px shade (@border_gradient_color_b, 1.15),
                inset -1px -1px shade (@border_gradient_color_b, 1.15);
}

.scrollbar.trough.vertical {
    border-width: 1px;
    border-radius: 10px;
    background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@gradient_color_a, 1.50)),
                                     to (shade (@gradient_color_b, 1.15)));
    box-shadow: inset 1px 1px shade (@bg_color, 0.90),
                inset -2px -2px shade (@bg_color, 0.90),
                inset 1px 1px shade (@border_gradient_color_b, 1.15),
                inset -1px -1px shade (@border_gradient_color_b, 1.15);
}

.scrollbar.slider,
.scrollbar.slider:prelight {
    border-width: 1px;
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@gradient_color_a, 0.95)),
                                     to (shade (@gradient_color_b, 0.95)));
    box-shadow: inset 0px 0px shade (@inner_gradient_color_a, 0.90),
                inset -1px -1px shade (@inner_gradient_color_b, 0.90);
}

.scrollbar.slider.vertical,
.scrollbar.slider.vertical:prelight {
    border-width: 1px;
    background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@gradient_color_a, 0.95)),
                                     to (shade (@gradient_color_b, 0.95)));
    box-shadow: inset 0px 0px shade (@inner_gradient_color_a, 0.90),
                inset -1px -1px shade (@inner_gradient_color_b, 0.90);
}

.scrollbar.slider:hover {
    border-width: 1px;
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@gradient_color_a, 1.02)),
                                     to (shade (@gradient_color_b, 1.01)));
    box-shadow: inset 1px 0px shade (@inner_gradient_color_a, 0.90),
                inset -1px -0px shade (@inner_gradient_color_b, 0.90);
}

.scrollbar.slider.vertical:hover {
    border-width: 1px;
    background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@gradient_color_a, 1.02)),
                                     to (shade (@gradient_color_b, 1.01)));
    box-shadow: inset 0px 1px shade (@inner_gradient_color_a, 0.90),
                inset -0px -1px shade (@inner_gradient_color_b, 0.90);
}

.scrollbar.slider:insensitive {
    -GtkRange-slider-width: 0;
}

.scrollbar.trough:insensitive {
    -GtkRange-trough-border: 0;
}

GtkScrolledWindow.frame.scrollbars-junction,
.scrollbars-junction,
.scrollbar.button {
    border-style: none;
    background-image: none;
    border-image: none;
    border-width: 0px;
    border-radius: 3px;
    background-color: @transparent;
    color: shade (@text_color, 0.85);
    box-shadow: none;
}

.scrollbar.button:hover {
    color: @text_color;
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@gradient_color_a, 1.15)),
                                     to (shade (@gradient_color_a, 0.75)));
}

.scrollbar.button:hover:active {
    color: @text_color;
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@gradient_color_a, 1.00)),
                                     to (shade (@gradient_color_a, 0.65)));
}

.scrollbar.button:insensitive {
    color: shade (@bg_color, 0.80);
}
