
/* Copyright 2014 Sam Hewitt.
*
* This file is part of the Yuyo GTK theme.
*
* The Yuyo GTK theme is free software: you can redistribute it
* and/or modify it under the terms of the GNU General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* The Yuyo GTK theme is distributed in the hope that it will be
* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
* Public License for more details.
*
* You should have received a copy of the GNU General Public License along
* with the Yuyo GTK theme. If not, see http://www.gnu.org/licenses/.
*/


/****************
 * Progress bar *
 ****************/

GtkProgressBar {
    padding: 0
}

GtkProgressBar.progressbar {
    border-radius: 0;
    color: @selected_foreground;
    text-shadow: 0 1px alpha(#000, 0.3);
    icon-shadow: 0 1px alpha(#000, 0.3);

    background-image: linear-gradient(to bottom,
                                  shade(@selection, 1.2),
                                  shade(@selection, 1.0)
                                  );


    border: 1px solid alpha(@selected_border, 0.9);

}

GtkProgressBar.progressbar:backdrop {
    border-radius: 0;
    color: @selected_foreground;
    text-shadow: none;
    icon-shadow: none;

    background-image: none;
    background-color: shade(@backdrop_background, 0.95);

    border: 1px solid;

    border-image: none;
    border-color:@backdrop_border;

}

GtkProgressBar.trough {

    padding: 0;

    border: 1px solid @border;

    background-image: linear-gradient(to bottom,
                                  @trough_background,
                                  shade(@trough_background, 1.05)
                                  );
}


.progressbar row,
.progressbar row:hover,
.progressbar row:selected,
.progressbar row:selected:focus,
.progressbar.vertical row,
.progressbar.vertical row:hover,
.progressbar.vertical row:selected,
.progressbar.vertical row:selected:focus {
    border-radius: 0;
    color: @selected_foreground;
    text-shadow: 0 1px alpha(#000, 0.3);
    icon-shadow: 0 1px alpha(#000, 0.3);

    background-image: linear-gradient(to bottom,
                                  shade(@selection, 1.2),
                                  shade(@selection, 1.0)
                                  );

    border: 1px solid alpha(@selected_border, 0.9);
}

.progressbar row:insensitive,
.progressbar row:hover:insensitive,
.progressbar row:selected:insensitive,
.progressbar row:selected:focus:insensitive,
.progressbar.vertical row:insensitive,
.progressbar.vertical row:hover:insensitive,
.progressbar.vertical row:selected:insensitive,
.progressbar.vertical row:selected:focus:insensitive {
    color: @selected_foreground;
    text-shadow: 0 1px alpha(#000, 0.3);
    icon-shadow: 0 1px alpha(#000, 0.3);
    background-color: @selection;
    background-image: linear-gradient(to bottom,
                                  alpha(#000, 0.10),
                                  alpha(#000, 0.05)
                                  );

    border: 1px solid shade(@selection, 0.8);
}

.progressbar row:backdrop,
.progressbar row:hover:backdrop,
.progressbar row:selected:backdrop,
.progressbar row:selected:focus:backdrop,
.progressbar.vertical row:backdrop,
.progressbar.vertical row:hover:backdrop,
.progressbar.vertical row:selected:backdrop,
.progressbar.vertical row:selected:focus:backdrop {
    border-radius: 0;
    color: @selected_foreground;
    text-shadow: 0 1px alpha(#000, 0.3);
    icon-shadow: 0 1px alpha(#000, 0.3);
    background-image: linear-gradient(to bottom,
                                      @backdrop_progressbar_background_a,
                                      @backdrop_progressbar_background_b
                                      );

    border: 1px solid;

    border-image: linear-gradient(to bottom,
                                  shade(@backdrop_border, 0.95),
                                  shade(@backdrop_border, 0.9)
                                  ) 1 1 1 1;
}


/***********
 * Troughs *
 ***********/
.trough row,
.trough row:hover,
.trough row:selected,
.trough row:selected:focus {

    padding: 0;

    border: 1px solid;

    background-image: linear-gradient(to bottom,
                                  @trough_background,
                                  shade(@trough_background, 1.05)
                                  );

    border-image: linear-gradient(to bottom,
                                  @border,
                                  shade(@border, 0.95)
                                  ) 1 1 1 1;
}

.trough.vertical row,
.trough.vertical row:selected,
.trough.vertical row:selected:focus {
    background-color: @base;
}

.trough:insensitive,
.trough.vertical:insensitive {

    padding: 0;

    border: 1px solid;

    background-image:none;
    background-color:@insensitive_base;

    border-image: linear-gradient(to bottom,
                                  @border,
                                  shade(@border, 0.95)
                                  ) 1 1 1 1;
}

.trough:backdrop,
.trough.vertical:backdrop {

    padding: 0;

    border: 1px solid;

    background-image:none;

    border-image: linear-gradient(to bottom,
                                  @border,
                                  shade(@border, 0.95)
                                  ) 1 1 1 1;
    background-color: @backdrop_background;
}