1268 lines
47 KiB
CSS
1268 lines
47 KiB
CSS
/* Button background */
|
|
/*
|
|
.button,
|
|
.toolbar .button.raised,
|
|
.toolbar .raised .button,
|
|
.toolbar GtkComboBox .button,
|
|
.spinbutton.vertical .button {
|
|
background-image: linear-gradient(to bottom,
|
|
@button_gradient_color_a,
|
|
@button_gradient_color_b 40%,
|
|
@button_gradient_color_c
|
|
);
|
|
background-color: transparent;
|
|
}*/
|
|
|
|
/* Pushed button and progressbar through background */
|
|
/*
|
|
.button:active,
|
|
.button:active:hover,
|
|
.spinbutton.vertical .button:active,
|
|
.spinbutton.vertical .button:active:hover,
|
|
.toolbar .button:active,
|
|
.toolbar .button:active:hover,
|
|
.toolbar .button.raised:active,
|
|
.toolbar .raised .button:active,
|
|
.toolbar .button.raised:active:hover,
|
|
.toolbar .raised .button:active:hover,
|
|
.trough,
|
|
.trough.highlight,
|
|
.trough row,
|
|
.trough row:hover {
|
|
background-image: linear-gradient(to bottom,
|
|
@borders,
|
|
shade(@theme_bg_color, 0.95)
|
|
);
|
|
background-color: transparent;
|
|
}*/
|
|
|
|
/* Flipped pushed button background for vertical progressbar through and the like */
|
|
/*
|
|
.trough.vertical {
|
|
background-image: linear-gradient(to right,
|
|
@borders,
|
|
shade(@theme_bg_color, 0.95)
|
|
);
|
|
}*/
|
|
|
|
/* Primary and inline toolbars pushed button background */
|
|
/*
|
|
.primary-toolbar .button:active,
|
|
.primary-toolbar .button:active:hover,
|
|
.inline-toolbar .button:active,
|
|
.inline-toolbar .button:active:hover {
|
|
background-image: linear-gradient(to bottom,
|
|
shade(@borders, 0.95),
|
|
shade(@theme_bg_color, 0.88)
|
|
);
|
|
background-color: transparent;
|
|
}*/
|
|
|
|
/* Prelit button background */
|
|
/*
|
|
.button:hover,
|
|
.toolbar .button:hover,
|
|
.toolbar .button.raised:hover,
|
|
.toolbar .raised .button:hover,
|
|
.toolbar GtkComboBox .button:hover,
|
|
.spinbutton.vertical .button:hover {
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to bottom,
|
|
@button_hover_gradient_color_a,
|
|
@button_hover_gradient_color_b
|
|
);
|
|
}*/
|
|
|
|
/* Prelit button on primary toolbar background */
|
|
/*
|
|
.primary-toolbar .button:hover {
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to bottom,
|
|
alpha(@toolbar_button_prelight, 0),
|
|
@toolbar_button_prelight 54%,
|
|
alpha(@toolbar_button_prelight, 0)
|
|
);
|
|
}*/
|
|
|
|
/* Insensitive button background */
|
|
/*
|
|
.button:insensitive,
|
|
.spinbutton.vertical .button:insensitive,
|
|
.toolbar GtkComboBox .button:insensitive,
|
|
.toolbar .button.raised:insensitive,
|
|
.toolbar .raised .button:insensitive {
|
|
background-image: none;
|
|
background-color: @insensitive_bg_color;
|
|
}*/
|
|
|
|
/* Pushed + Insensitive button background */
|
|
/*
|
|
.button:active:insensitive,
|
|
.toolbar .button:active:insensitive,
|
|
.toolbar GtkComboBox .button:active:insensitive {
|
|
background-image: linear-gradient(to bottom,
|
|
shade(@insensitive_bg_color, 0.95),
|
|
@insensitive_bg_color 40%,
|
|
@insensitive_bg_color
|
|
);
|
|
background-color: transparent;
|
|
}*/
|
|
|
|
/* Unfocused window button background */
|
|
/*
|
|
.button:backdrop,
|
|
.toolbar .button.raised:backdrop,
|
|
.toolbar .raised .button:backdrop,
|
|
.toolbar .button:backdrop:hover,
|
|
.toolbar GtkComboBox .button:backdrop,
|
|
.toolbar GtkComboBox .button:backdrop:hover,
|
|
.primary-toolbar .raised .button:backdrop:hover {
|
|
background-image: none;
|
|
background-color: @unfocused_button_background;
|
|
}*/
|
|
|
|
/* Unfocused window pushed button background */
|
|
/*
|
|
.button:active:backdrop,
|
|
.toolbar .button:active:backdrop,
|
|
.toolbar .button:active:hover:backdrop {
|
|
background-image: none;
|
|
background-color: @unfocused_borders;
|
|
}*/
|
|
|
|
/* Unfocused window insensitive button background */
|
|
/*
|
|
.button:insensitive:backdrop,
|
|
.toolbar .button:insensitive:backdrop {
|
|
background-image: none;
|
|
background-color: @unfocused_insensitive_bg_color;
|
|
}
|
|
|
|
.button:insensitive:active:backdrop {
|
|
background-image: none;
|
|
background-color: mix(@unfocused_insensitive_bg_color, @unfocused_borders, 0.5);
|
|
}*/
|
|
|
|
/* Entry background */
|
|
/*
|
|
.entry,
|
|
GtkComboBox.combobox-entry .button,
|
|
GtkComboBox.combobox-entry .button:hover,
|
|
.primary-toolbar GtkComboBox.combobox-entry .button,
|
|
.primary-toolbar GtkComboBox.combobox-entry .button:hover,
|
|
.level-bar.trough {
|
|
background-image: linear-gradient(to bottom,
|
|
@entry_background_a,
|
|
@entry_background_b
|
|
);
|
|
box-shadow: inset 0 1px @entry_inset,
|
|
inset 0 2px alpha(@entry_inset, 0.4);
|
|
}*/
|
|
|
|
/* Entry pushed button background */
|
|
/*
|
|
.primary-toolbar GtkComboBox.combobox-entry .button:active,
|
|
GtkComboBox.combobox-entry .button:active,
|
|
.spinbutton .button:active,
|
|
.spinbutton .button:active:hover,
|
|
column-header.button:active,
|
|
column-header .button:active,
|
|
column-header.button:active:hover,
|
|
column-header .button:active:hover {
|
|
background-image: linear-gradient(to bottom,
|
|
shade(@entry_background_a, 0.9),
|
|
@entry_background_b
|
|
);
|
|
background-color: transparent;
|
|
box-shadow: inset 0 1px @entry_inset,
|
|
inset 0 2px alpha(@entry_inset, 0.4);
|
|
}*/
|
|
|
|
/* Insensitive entry background */
|
|
/*
|
|
.entry:insensitive,
|
|
GtkComboBox.combobox-entry .button:insensitive,
|
|
.level-bar.trough:insensitive {
|
|
background-color: @insensitive_bg_color;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
}*/
|
|
|
|
/* Unfocused windows entry background */
|
|
/*
|
|
.entry:backdrop,
|
|
GtkComboBox.combobox-entry .button:backdrop,
|
|
column-header.button:backdrop,
|
|
column-header .button:backdrop,
|
|
column-header.button:insensitive:backdrop,
|
|
column-header .button:insensitive:backdrop,
|
|
.level-bar.trough:backdrop,
|
|
.spinbutton.vertical.entry:backdrop {
|
|
background-image: none;
|
|
background-color: @theme_unfocused_base_color;
|
|
box-shadow: none;
|
|
}*/
|
|
|
|
/* Unfocused windows insensitive entry background */
|
|
/*
|
|
.entry:insensitive:backdrop,
|
|
GtkComboBox.combobox-entry .button:insensitive:backdrop,
|
|
.level-bar.trough:insensitive:backdrop,
|
|
.spinbutton.vertical.entry:insensitive:backdrop {
|
|
background-image: none;
|
|
background-color: @unfocused_insensitive_bg_color;
|
|
}*/
|
|
|
|
|
|
/* Primary and inline toolbars background */
|
|
/*
|
|
.primary-toolbar .toolbar,
|
|
.primary-toolbar.toolbar,
|
|
.inline-toolbar.toolbar {
|
|
background-image: linear-gradient(to bottom,
|
|
@toolbar_gradient_a,
|
|
@toolbar_gradient_b 20%,
|
|
@toolbar_gradient_c
|
|
);
|
|
background-color: transparent;
|
|
}
|
|
|
|
.primary-toolbar .toolbar.vertical,
|
|
.primary-toolbar.toolbar.vertical,
|
|
.inline-toolbar.toolbar.vertical {
|
|
background-image: linear-gradient(to right,
|
|
@toolbar_gradient_a,
|
|
@toolbar_gradient_b 20%,
|
|
@toolbar_gradient_c
|
|
);
|
|
background-color: transparent;
|
|
}*/
|
|
|
|
/* Unfocused window primary and inline toolbars background */
|
|
/*
|
|
.primary-toolbar .toolbar:backdrop,
|
|
.primary-toolbar.toolbar:backdrop,
|
|
.inline-toolbar.toolbar:backdrop {
|
|
background-image: none;
|
|
background-color: @unfocused_dark_bg;
|
|
}
|
|
|
|
.scale.trough {
|
|
background-image: linear-gradient(to bottom,
|
|
@scale_trough_bg_a,
|
|
@scale_trough_bg_b
|
|
);
|
|
}
|
|
|
|
.scale.trough.vertical {
|
|
background-image: linear-gradient(to right,
|
|
@scale_trough_bg_a,
|
|
@scale_trough_bg_b
|
|
);
|
|
}*/
|
|
|
|
/* Active switch background*/
|
|
/*
|
|
GtkSwitch.trough:active,
|
|
.scale.progressbar {
|
|
background-image: linear-gradient(to bottom,
|
|
@switch_trough_active_bg_a,
|
|
@switch_trough_active_bg_b
|
|
);
|
|
background-color: transparent;
|
|
}
|
|
|
|
GtkSwitch.trough:backdrop {
|
|
background-color: @theme_unfocused_bg_color;
|
|
background-image: none;
|
|
}
|
|
|
|
GtkSwitch.trough:active:backdrop {
|
|
background-color: @unfocused_borders;
|
|
background-image: none;
|
|
}
|
|
|
|
.scale.progressbar.vertical {
|
|
background-image: linear-gradient(to right,
|
|
@switch_trough_active_bg_a,
|
|
@switch_trough_active_bg_b
|
|
);
|
|
background-color: transparent;
|
|
}*/
|
|
|
|
/* Progressbar backgrounds */
|
|
|
|
.progressbar,
|
|
.progressbar row,
|
|
.progressbar row:hover,
|
|
.progressbar row:selected,
|
|
.progressbar row:selected:focus {
|
|
background-image: linear-gradient(to left top,
|
|
alpha (@progressbar_pattern, 0.25),
|
|
alpha (@progressbar_pattern, 0.25) 25%,
|
|
transparent 25%,
|
|
transparent 50%,
|
|
alpha (@progressbar_pattern, 0.25) 50%,
|
|
alpha (@progressbar_pattern, 0.25) 75%,
|
|
transparent 75%,
|
|
transparent
|
|
),
|
|
linear-gradient(to bottom,
|
|
@progressbar_background_a,
|
|
@progressbar_background_b 75%,
|
|
shade(@progressbar_background_a, 0.85)
|
|
);
|
|
background-size: 40px 40px, auto;
|
|
box-shadow: inset 1px 1px alpha(white, 0.2), inset -1px -1px alpha(white, 0.1);
|
|
}
|
|
|
|
.progressbar.vertical {
|
|
background-image: linear-gradient(to right top,
|
|
alpha (@progressbar_pattern, 0.25),
|
|
alpha (@progressbar_pattern, 0.25) 25%,
|
|
transparent 25%,
|
|
transparent 50%,
|
|
alpha (@progressbar_pattern, 0.25) 50%,
|
|
alpha (@progressbar_pattern, 0.25) 75%,
|
|
transparent 75%,
|
|
transparent),
|
|
linear-gradient(to right,
|
|
@progressbar_background_a,
|
|
@progressbar_background_b 75%,
|
|
shade(@progressbar_background_a, 0.85)
|
|
);
|
|
}
|
|
|
|
/* Button background */
|
|
.button,
|
|
.toolbar .button.raised,
|
|
.toolbar .raised .button,
|
|
.spinbutton.vertical .button,
|
|
.toolbar GtkComboBox .button{
|
|
background-image: /*-gtk-gradient (radial,
|
|
center -0.5, 0,
|
|
center -0.3, 0.8,
|
|
from(rgba(255,255,255,0.6)),
|
|
to(transparent)),*/
|
|
linear-gradient(to bottom,
|
|
rgba(255,255,255, 0.07),
|
|
rgba(255,255,255, 0.0) 25%,
|
|
rgba(255,255,255, 0.0)
|
|
),
|
|
linear-gradient(to bottom,
|
|
@button_gradient_color_a,
|
|
@button_gradient_color_b 40%,
|
|
@button_gradient_color_c
|
|
);
|
|
background-color: #303030;
|
|
}
|
|
|
|
/* Default Button */
|
|
.button.default
|
|
/*.button.default:backdrop,
|
|
.button.default:hover:backdrop*/ {
|
|
background-image: linear-gradient(to bottom,
|
|
rgba(255,255,255, 0.09),
|
|
rgba(255,255,255, 0.0) 25%,
|
|
rgba(255,255,255, 0.0)
|
|
),
|
|
linear-gradient(to bottom,
|
|
shade(mix(#1a1a1a, @theme_selected_bg_color, 0.4),1.05),
|
|
mix(#1a1a1a, @theme_selected_bg_color, 0.4) 40%,
|
|
shade(mix(#1a1a1a, @theme_selected_bg_color, 0.4),0.8));
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Pushed button background */
|
|
.button:active,
|
|
.button.default:active {
|
|
background-image: linear-gradient(to bottom,
|
|
rgba(0,0,0,0.2),
|
|
rgba(0,0,0,0.0) 25%,
|
|
rgba(0,0,0,0.0)
|
|
),
|
|
linear-gradient(to bottom,
|
|
shade(@button_gradient_color_a, 0.8),
|
|
shade(@button_gradient_color_b, 0.86) 40%,
|
|
shade(@button_gradient_color_c, 0.9)
|
|
);
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*This fixes the arrow from showing on normal or hovered, when a button is pressed */
|
|
.linked .button,
|
|
.toolbar .button {
|
|
transition: 60ms ease-out;
|
|
background-color: transparent;
|
|
background-repeat: no-repeat;
|
|
background-position: bottom;
|
|
}
|
|
/************************/
|
|
|
|
.linked .button:active,
|
|
.toolbar .button:active,
|
|
.toolbar .button.raised:active,
|
|
.toolbar .raised .button:active {
|
|
background-image: -gtk-gradient (radial,
|
|
center -0.2, 0,
|
|
center -0.1, 1.1,
|
|
from(rgba(0,0,0,0.4)),
|
|
to(transparent)),
|
|
linear-gradient(to bottom,
|
|
rgba(255,255,255,0.0),
|
|
rgba(255,255,255,0.0) 40%,
|
|
rgba(255,255,255,0.055)
|
|
),
|
|
linear-gradient(to bottom,
|
|
mix(@button_gradient_color_a, @theme_selected_bg_color, 0.3),
|
|
mix(@button_gradient_color_b, @theme_selected_bg_color, 0.3) 40%,
|
|
mix(@button_gradient_color_c, @theme_selected_bg_color, 0.3)
|
|
);
|
|
transition: 250ms ease-in-out;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.button:active:hover,
|
|
.button.default:active:hover {
|
|
/* background-image: linear-gradient(to bottom,
|
|
rgba(0,0,0,0.12),
|
|
rgba(0,0,0,0.0) 20%,
|
|
rgba(0,0,0,0.0) 85%,
|
|
rgba(0,0,0,0.12)
|
|
),
|
|
linear-gradient(to bottom,
|
|
shade(@button_gradient_active_a,0.9),
|
|
shade(@button_gradient_active_b, 0.9) 40%,
|
|
shade(@button_gradient_active_c, 0.9)
|
|
);*/
|
|
|
|
background-image: linear-gradient(to bottom,
|
|
rgba(0,0,0,0.3),
|
|
rgba(0,0,0,0.0) 25%,
|
|
rgba(0,0,0,0.0)
|
|
),
|
|
linear-gradient(to bottom,
|
|
shade(@button_hover_active_a, 0.8),
|
|
shade(@button_hover_active_b, 0.86) 40%,
|
|
shade(@button_hover_active_c, 0.9)
|
|
);
|
|
|
|
background-color: transparent;
|
|
}
|
|
|
|
.linked .button:active:hover,
|
|
.toolbar .button:active:hover,
|
|
.toolbar .button.raised:active:hover,
|
|
.toolbar .raised .button:active:hover,
|
|
.spinbutton.vertical .button:active {
|
|
background-image: -gtk-gradient (radial,
|
|
center -0.2, 0,
|
|
center -0.1, 1.1,
|
|
from(rgba(0,0,0,0.4)),
|
|
to(transparent)),
|
|
linear-gradient(to bottom,
|
|
rgba(255,255,255,0.0),
|
|
rgba(255,255,255,0.0) 40%,
|
|
rgba(255,255,255,0.055)
|
|
),
|
|
linear-gradient(to bottom,
|
|
mix(shade(@button_gradient_active_c,0.9), @theme_selected_bg_color, 0.35),
|
|
mix(shade(@button_gradient_active_b, 0.9), @theme_selected_bg_color, 0.35) 40%,
|
|
mix(shade(@button_gradient_active_a, 0.9), @theme_selected_bg_color, 0.35)
|
|
);
|
|
transition: 250ms ease-in-out;
|
|
background-color: transparent;
|
|
}
|
|
/*
|
|
.button:active:backdrop,
|
|
.button:active:hover:backdrop,
|
|
.spinbutton.vertical .button:active:backdrop,
|
|
.spinbutton.vertical .button:active:hover:backdrop,
|
|
.toolbar .button:active:backdrop,
|
|
.toolbar .button:active:hover:backdrop,
|
|
.toolbar .button.raised:active:backdrop,
|
|
.toolbar .raised .button:active:backdrop,
|
|
.toolbar .button.raised:active:hover:backdrop,
|
|
.toolbar .raised .button:active:hover:backdrop {
|
|
background-image: linear-gradient(to bottom,
|
|
@button_gradient_active_backdrop_a,
|
|
@button_gradient_active_backdrop_b 40%,
|
|
@button_gradient_active_backdrop_c
|
|
);
|
|
background-color: transparent;
|
|
}
|
|
*/
|
|
/* Prelit button background */
|
|
.button:hover,
|
|
.toolbar .button:hover,
|
|
.toolbar .button.raised:hover,
|
|
.toolbar .raised .button:hover,
|
|
.toolbar GtkComboBox .button:hover,
|
|
.spinbutton.vertical .button:hover {
|
|
background-image: -gtk-gradient (radial,
|
|
center -0.5, 0,
|
|
center -0.3, 0.9,
|
|
from(rgba(255,255,255,0.9)),
|
|
to(transparent)),
|
|
linear-gradient(to bottom,
|
|
shade(@button_default_gradient_color_a, 1.0),
|
|
shade(@button_default_gradient_color_b, 1.0) 40%,
|
|
shade(@button_default_gradient_color_c, 1.0)
|
|
);
|
|
background-color: transparent;
|
|
transition: 250ms ease-in-out;
|
|
}
|
|
|
|
/* Primary and inline toolbars pushed button background */
|
|
.inline-toolbar .button {
|
|
background-image: -gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (@button_inline_gradient_color_b),
|
|
color-stop (0.4, @button_inline_gradient_color_a),
|
|
to (@button_inline_gradient_color_c));
|
|
|
|
background-color: transparent;
|
|
}
|
|
|
|
.inline-toolbar .button:active,
|
|
.inline-toolbar .button:active:hover {
|
|
background-image: -gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (@button_inline_gradient_color_c),
|
|
color-stop (0.4, @button_inline_gradient_color_a),
|
|
to (@button_inline_gradient_color_b));
|
|
background-color: transparent;
|
|
}
|
|
/*
|
|
.inline-toolbar .button:backdrop,
|
|
.inline-toolbar .button:hover:backdrop,
|
|
.inline-toolbar .button:active:backdrop,
|
|
.inline-toolbar .button:active:hover:backdrop {
|
|
background-image: -gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (@button_inline_gradient_color_a),
|
|
color-stop (0.4, @button_inline_gradient_color_a),
|
|
to (@button_inline_gradient_color_a));
|
|
|
|
background-color: transparent;
|
|
}*/
|
|
|
|
/*******Raised Buttons********************/
|
|
.primary-toolbar .button.raised,
|
|
.primary-toolbar .raised .button,
|
|
.primary-toolbar GtkComboBox .button {
|
|
background-image: linear-gradient(to bottom,
|
|
rgba(255,255,255, 0.09),
|
|
rgba(255,255,255, 0.0) 25%,
|
|
rgba(255,255,255, 0.0)
|
|
),
|
|
linear-gradient(to bottom,
|
|
@button_raised_color_a,
|
|
@button_raised_color_b 40%,
|
|
@button_raised_color_c
|
|
);
|
|
background-color: #313131;
|
|
}
|
|
|
|
.primary-toolbar .button.raised.default,
|
|
.primary-toolbar .raised .button.default {
|
|
background-image: linear-gradient(to bottom,
|
|
rgba(255,255,255, 0.09),
|
|
rgba(255,255,255, 0.0) 25%,
|
|
rgba(255,255,255, 0.0)
|
|
),
|
|
linear-gradient(to bottom,
|
|
shade(mix(#303030, @theme_selected_bg_color, 0.4),1.05),
|
|
mix(#303030, @theme_selected_bg_color, 0.4) 40%,
|
|
shade(mix(#303030, @theme_selected_bg_color, 0.4),0.8));
|
|
background-color: transparent;
|
|
}
|
|
|
|
.primary-toolbar .button.raised:active,
|
|
.primary-toolbar .raised .button:active,
|
|
.primary-toolbar .button.raised.default:active,
|
|
.primary-toolbar .raised .button.default:active,
|
|
.primary-toolbar GtkComboBox .button:active {
|
|
background-image: -gtk-gradient (radial,
|
|
center -0.2, 0,
|
|
center -0.1, 1.1,
|
|
from(rgba(0,0,0,0.5)),
|
|
to(transparent)),
|
|
linear-gradient(to bottom,
|
|
rgba(255,255,255,0.0),
|
|
rgba(255,255,255,0.0) 40%,
|
|
rgba(255,255,255,0.065)
|
|
),
|
|
linear-gradient(to bottom,
|
|
@button_raised_color_a,
|
|
@button_raised_color_b 40%,
|
|
@button_raised_color_c
|
|
);
|
|
background-color: #313131;
|
|
}
|
|
|
|
.primary-toolbar .raised .button:hover,
|
|
.primary-toolbar .raised .button.default:hover,
|
|
.primary-toolbar .button.raised.default:hover,
|
|
.primary-toolbar GtkComboBox .button:hover {
|
|
}
|
|
|
|
.primary-toolbar .button.raised:active:hover,
|
|
.primary-toolbar .raised .button:active:hover,
|
|
.primary-toolbar .button.raised.default:active:hover,
|
|
.primary-toolbar .raised .button.default:active:hover{
|
|
background-image: -gtk-gradient (radial,
|
|
center -0.2, 0,
|
|
center -0.1, 1.1,
|
|
from(rgba(0,0,0,0.5)),
|
|
to(transparent)),
|
|
linear-gradient(to bottom,
|
|
rgba(255,255,255,0.0),
|
|
rgba(255,255,255,0.0) 40%,
|
|
rgba(255,255,255,0.065)
|
|
),
|
|
linear-gradient(to bottom,
|
|
shade(@button_gradient_active_c,1.0),
|
|
shade(@button_gradient_active_b, 1.0) 40%,
|
|
shade(@button_gradient_active_a, 1.0)
|
|
);
|
|
background-color: #313131;
|
|
}
|
|
/*
|
|
.primary-toolbar .button.raised:backdrop,
|
|
.primary-toolbar .raised .button:backdrop,
|
|
.primary-toolbar .button.raised.default:hover:backdrop,
|
|
.primary-toolbar .raised .button:hover:backdrop,
|
|
.primary-toolbar .raised .button.default:hover:backdrop,
|
|
.primary-toolbar GtkComboBox *:backdrop,
|
|
.primary-toolbar GtkComboBox *:backdrop:insensitive {
|
|
}*/
|
|
|
|
/*********Scale Slider*******************/
|
|
GtkScale.slider {
|
|
background-color: transparent;
|
|
background-image: -gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (shade(@button_inline_hover_gradient_color_a, 1.0)),
|
|
color-stop (0.4, shade(@button_inline_hover_gradient_color_b, 0.82)),
|
|
to (@button_inline_hover_gradient_color_c));
|
|
}
|
|
|
|
GtkScale.slider:hover,
|
|
GtkScale.slider:active,
|
|
GtkScale.slider:active:hover {
|
|
background-image: -gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (shade(@button_inline_hover_gradient_color_a, 0.9)),
|
|
color-stop (0.4, shade(@button_inline_hover_gradient_color_b, 0.96)),
|
|
to (@button_inline_hover_gradient_color_c));
|
|
background-color: transparent;
|
|
}
|
|
|
|
.inline-toolbar .button:hover {
|
|
background-color: transparent;
|
|
background-image: -gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (shade(@button_inline_hover_gradient_color_a, 0.9)),
|
|
color-stop (0.4, shade(@button_inline_hover_gradient_color_b, 0.82)),
|
|
to (@button_inline_hover_gradient_color_c));
|
|
}
|
|
|
|
.inline-toolbar .button:insensitive
|
|
/*.inline-toolbar .button:insensitive:backdrop*/ {
|
|
background-image: url("assets/stripe-2.png");
|
|
background-color: @insensitive_bg_color;
|
|
background-size: 6px;
|
|
background-repeat: repeat;
|
|
background-position: top left;
|
|
}
|
|
|
|
/* Primary Toolbar Button */
|
|
.primary-toolbar .button:hover {
|
|
background-color: alpha(white,0.04);
|
|
background-image: -gtk-gradient (radial,
|
|
center -0.5, 0,
|
|
center -0.3, 1.1,
|
|
from(rgba(255,255,255,0.5)),
|
|
to(transparent));
|
|
transition: 250ms ease-in-out;
|
|
}
|
|
/*
|
|
.primary-toolbar .button:hover:backdrop {
|
|
background-color: transparent;
|
|
background-image: -gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (alpha (@toolbar_gradient_c, 0.0)),
|
|
to (alpha (@toolbar_gradient_a, 0.0)));
|
|
}*/
|
|
/*
|
|
.primary-toolbar .button:active:hover:backdrop,
|
|
.primary-toolbar .button:active:backdrop {
|
|
background-color: transparent;
|
|
background-image: -gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (alpha (@unfocused_borders, 0.4)),
|
|
to (alpha (@unfocused_borders, 0.25)));
|
|
}*/
|
|
|
|
.primary-toolbar .button:active {
|
|
background-color: alpha(black,0.18);
|
|
background-image: -gtk-gradient (radial,
|
|
center 0.5, 0,
|
|
center 0.3, 1.1,
|
|
from(rgba(255,255,255,0.06)),
|
|
to(transparent)),
|
|
linear-gradient(to bottom,
|
|
rgba(0,0,0,0.16),
|
|
rgba(0,0,0,0.0) 3px,
|
|
rgba(0,0,0,0.0)
|
|
);
|
|
transition: 250ms ease-in-out;
|
|
}
|
|
|
|
.primary-toolbar .button:active:hover {
|
|
background-image: -gtk-gradient (radial,
|
|
center 0.5, 0,
|
|
center 0.3, 1.1,
|
|
from(rgba(255,255,255,0.5)),
|
|
to(transparent)),
|
|
linear-gradient(to bottom,
|
|
rgba(0,0,0,0.16),
|
|
rgba(0,0,0,0.0) 3px,
|
|
rgba(0,0,0,0.0)
|
|
);
|
|
transition: 250ms ease-in-out;
|
|
background-color: alpha(@theme_selected_bg_color, 0.6);
|
|
}
|
|
|
|
/* Insensitive button background */
|
|
|
|
.button:insensitive,
|
|
.spinbutton.vertical .button:insensitive,
|
|
.toolbar GtkComboBox .button:insensitive,
|
|
/*.button:insensitive:backdrop,
|
|
.spinbutton.vertical .button:insensitive:backdrop,
|
|
.toolbar GtkComboBox .button:insensitive:backdrop,*/
|
|
.toolbar .button.raised:insensitive,
|
|
.toolbar .raised .button:insensitive {
|
|
|
|
background-image: url("assets/stripe-2.png"),
|
|
|
|
/*linear-gradient(to left top,
|
|
alpha (@insensitive_button_stripes, 0.25),
|
|
alpha (@insensitive_button_stripes, 0.25) 25%,
|
|
transparent 25%,
|
|
transparent 50%,
|
|
alpha (@insensitive_button_stripes, 0.25) 50%,
|
|
alpha (@insensitive_button_stripes, 0.25) 75%,
|
|
transparent 75%,
|
|
transparent
|
|
),*/
|
|
/* linear-gradient(to bottom,
|
|
@button_gradient_color_a,
|
|
@button_gradient_color_b 40%,
|
|
@button_gradient_color_c
|
|
); */
|
|
|
|
-gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (@insensitive_button_gradient_color_a),
|
|
color-stop (0.4, @insensitive_button_gradient_color_b),
|
|
to (@insensitive_button_gradient_color_c));
|
|
background-color: transparent;
|
|
background-size: 6px;
|
|
background-repeat: repeat;
|
|
background-position: top left;
|
|
}
|
|
|
|
/* Pushed + Insensitive button background */
|
|
.button:active:insensitive,
|
|
.toolbar .button:active:insensitive,
|
|
.toolbar GtkComboBox .button:active:insensitive
|
|
/*.button:active:insensitive:backdrop,
|
|
.toolbar .button:active:insensitive:backdrop,
|
|
.toolbar GtkComboBox .button:active:insensitive:backdrop*/ {
|
|
background-image: url("assets/stripe-3.png"),
|
|
/*linear-gradient(to left top,
|
|
alpha (@insensitive_button_stripes, 0.25),
|
|
alpha (@insensitive_button_stripes, 0.25) 25%,
|
|
transparent 25%,
|
|
transparent 50%,
|
|
alpha (@insensitive_button_stripes, 0.25) 50%,
|
|
alpha (@insensitive_button_stripes, 0.25) 75%,
|
|
transparent 75%,
|
|
transparent
|
|
),*/
|
|
linear-gradient(to bottom,
|
|
shade(shade(@insensitive_bg_color, 1.05), 0.8),
|
|
shade(@insensitive_bg_color, 0.86) 40%,
|
|
shade(shade(@insensitive_bg_color, 0.8), 0.9)
|
|
);
|
|
background-color: transparent;
|
|
background-size: 6px;
|
|
background-repeat: repeat;
|
|
background-position: top left;
|
|
}
|
|
|
|
/*
|
|
.notebook .button:insensitive,
|
|
.notebook GtkScale.slider:insensitive,
|
|
.notebook .spinbutton.vertical .button:insensitive,
|
|
.notebook .toolbar GtkComboBox .button:insensitive,
|
|
.notebook .toolbar .button.raised:insensitive,
|
|
.notebook .toolbar .raised .button:insensitive,
|
|
GtkViewport .button:insensitive,
|
|
GtkViewport .spinbutton.vertical .button:insensitive {
|
|
|
|
background-image: -gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (@insensitive_notebook_button_gradient_color_a),
|
|
color-stop (0.4, @insensitive_notebook_button_gradient_color_b),
|
|
to (@insensitive_notebook_button_gradient_color_c));
|
|
background-color: transparent;
|
|
}*/
|
|
/*
|
|
.notebook .button:insensitive:backdrop,
|
|
.notebook GtkScale.slider:insensitive:backdrop,
|
|
.notebook .spinbutton.vertical .button:insensitive:backdrop,
|
|
.notebook .toolbar GtkComboBox .button:insensitive:backdrop,
|
|
.notebook .toolbar .button.raised:insensitive:backdrop,
|
|
.notebook .toolbar .raised .button:insensitive:backdrop,
|
|
GtkViewport .button:insensitive:backdrop,
|
|
GtkViewport .spinbutton.vertical .button:insensitive:backdrop {
|
|
|
|
background-image: -gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (shade(@theme_unfocused_base_color, 0.84)),
|
|
color-stop (0.4, shade(@theme_unfocused_base_color, 0.8)),
|
|
to (shade(@theme_unfocused_base_color, 0.78)));
|
|
background-color: transparent;
|
|
}*/
|
|
|
|
/* Pushed + Insensitive button background */ /*
|
|
.notebook .button:active:insensitive,
|
|
.notebook .toolbar .button:active:insensitive,
|
|
.notebook .toolbar GtkComboBox .button:active:insensitive,
|
|
GtkViewport .button:active:insensitive {
|
|
background-image: linear-gradient(to bottom,
|
|
shade(@insensitive_notebook_button_gradient_color_c, 0.9),
|
|
shade(@insensitive_notebook_button_gradient_color_b, 0.9) 40%,
|
|
@insensitive_notebook_button_gradient_color_a
|
|
);
|
|
background-color: transparent;
|
|
}*/
|
|
/*
|
|
.notebook .button:active:insensitive:backdrop,
|
|
.notebook .toolbar .button:active:insensitive:backdrop,
|
|
.notebook .toolbar GtkComboBox .button:active:insensitive:backdrop,
|
|
GtkViewport .button:active:insensitive:backdrop {
|
|
background-image: -gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (shade(@theme_unfocused_base_color, 0.69)),
|
|
color-stop (0.4, shade(@theme_unfocused_base_color, 0.66)),
|
|
to (shade(@theme_unfocused_base_color, 0.64)));
|
|
background-color: transparent;
|
|
}*/
|
|
|
|
/* Unfocused window button background */
|
|
/*
|
|
.button:backdrop,
|
|
.toolbar .button.raised:backdrop,
|
|
.toolbar .raised .button:backdrop,
|
|
.toolbar .button:backdrop:hover,
|
|
.toolbar GtkComboBox .button:backdrop,
|
|
.toolbar GtkComboBox .button:backdrop:hover,
|
|
.primary-toolbar .raised .button:backdrop:hover {
|
|
background-image: none;
|
|
background-color: @unfocused_button_background;
|
|
}
|
|
*/
|
|
/* Unfocused window pushed button background */
|
|
/*
|
|
.button:active:backdrop,
|
|
.toolbar .button:active:backdrop,
|
|
.toolbar .button:active:hover:backdrop {
|
|
background-image: none;
|
|
background-color: @unfocused_borders;
|
|
}
|
|
*/
|
|
/* Unfocused window insensitive button background */
|
|
/*
|
|
.button:insensitive:backdrop,
|
|
.toolbar .button:insensitive:backdrop {
|
|
|
|
background-image: none;
|
|
background-color: @unfocused_insensitive_bg_color;
|
|
}
|
|
|
|
.button:insensitive:active:backdrop {
|
|
background-image: none;
|
|
background-color: mix(@unfocused_insensitive_bg_color, @unfocused_borders, 0.5);
|
|
}
|
|
*/
|
|
/* Entry background */
|
|
/*.entry,
|
|
GtkComboBox.combobox-entry .button,
|
|
.primary-toolbar GtkComboBox.combobox-entry .button,
|
|
.level-bar.trough {
|
|
background-image: linear-gradient(to bottom,
|
|
rgba(0,0,0,0.3),
|
|
rgba(0,0,0,0.0) 65%,
|
|
rgba(0,0,0,0.0) 66%,
|
|
rgba(255,255,255,0.01)
|
|
);
|
|
background-color: shade(@theme_base_color, 0.98);
|
|
box-shadow: 0 1px rgba(0,0,0,0.6) inset,
|
|
0 2px rgba(0,0,0,0.2) inset,
|
|
0 3px rgba(0,0,0,0.12) inset,
|
|
0 4px rgba(0,0,0,0.08) inset,
|
|
0 5px rgba(0,0,0,0.05) inset,
|
|
1px 0 rgba(0,0,0,0.5) inset,
|
|
-1px 0 rgba(0,0,0,0.5) inset,
|
|
2px 0 rgba(0,0,0,0.08) inset,
|
|
-2px 0 rgba(0,0,0,0.08) inset,
|
|
3px 0 rgba(0,0,0,0.03) inset,
|
|
-3px 0 rgba(0,0,0,0.03) inset,
|
|
0 -1px rgba(0,0,0,0.24) inset;
|
|
}*/
|
|
|
|
.entry,
|
|
GtkComboBox.combobox-entry .button,
|
|
.primary-toolbar GtkComboBox.combobox-entry .button {
|
|
background-image: linear-gradient(to bottom,
|
|
rgba(0,0,0,0.12),
|
|
rgba(0,0,0,0.0) 20%,
|
|
rgba(0,0,0,0.0) 20%,
|
|
rgba(0,0,0,0.0)
|
|
);
|
|
background-color: alpha(black, 0.3);
|
|
box-shadow: 0 1px rgba(0,0,0,0.08) inset;
|
|
}
|
|
|
|
.entry:focus,
|
|
GtkComboBox.combobox-entry .button:hover,
|
|
.primary-toolbar GtkComboBox.combobox-entry .button:hover {
|
|
background-color: shade(@theme_base_color, 0.8);
|
|
}
|
|
|
|
.notebook .entry:focus,
|
|
.notebook GtkComboBox.combobox-entry .button:hover {
|
|
background-color: shade(@theme_base_color, 0.4);
|
|
}
|
|
|
|
|
|
.spinbutton .button:hover {
|
|
background-image: linear-gradient(to top,
|
|
rgba(0,0,0,0.3),
|
|
rgba(0,0,0,0.0) 59%,
|
|
rgba(0,0,0,0.0) 60%,
|
|
rgba(255,255,255,0.04)
|
|
);
|
|
background-color: shade(@theme_base_color, 1.0);
|
|
}
|
|
|
|
.notebook .spinbutton .button:hover ,
|
|
GtkViewport .spinbutton .button:hover{
|
|
background-image: linear-gradient(to top,
|
|
rgba(0,0,0,0.3),
|
|
rgba(0,0,0,0.0) 59%,
|
|
rgba(0,0,0,0.0) 60%,
|
|
rgba(255,255,255,0.04)
|
|
);
|
|
background-color: shade(@theme_base_color, 0.7);
|
|
}
|
|
|
|
/*.spinbutton .button:hover:focus {
|
|
box-shadow: inset 1px 2px alpha(@theme_selected_bg_color, 1.5),
|
|
inset 1px 1px alpha(@theme_selected_bg_color, 1.0);
|
|
}*/
|
|
/*
|
|
.entry:backdrop,
|
|
GtkComboBox.combobox-entry .entry:backdrop,
|
|
GtkComboBox.combobox-entry .entry:first-child:backdrop,
|
|
GtkComboBox.combobox-entry .entry:last-child:backdrop,
|
|
.spinbutton .button:backdrop,
|
|
.spinbutton .button:hover:backdrop,
|
|
GtkComboBox.combobox-entry .button:backdrop,
|
|
.primary-toolbar GtkComboBox.combobox-entry .button:backdrop {
|
|
box-shadow: none;
|
|
}*/
|
|
|
|
.spinbutton .button:active,
|
|
.spinbutton .button:active:hover,
|
|
.primary-toolbar GtkComboBox.combobox-entry .button:active,
|
|
GtkComboBox.combobox-entry .button:active,
|
|
.primary-toolbar GtkComboBox.combobox-entry .button:active:hover,
|
|
GtkComboBox.combobox-entry .button:active:hover {
|
|
background-image: linear-gradient(to bottom,
|
|
rgba(0,0,0,0.3),
|
|
rgba(0,0,0,0.0) 65%,
|
|
rgba(0,0,0,0.0) 66%,
|
|
rgba(255,255,255,0.01)
|
|
);
|
|
background-color: shade(@theme_base_color, 0.68);
|
|
}
|
|
|
|
.notebook .spinbutton .button:active,
|
|
.notebook .spinbutton .button:active:hover,
|
|
GtkViewport .spinbutton .button:active,
|
|
GtkViewport .spinbutton .button:active:hover {
|
|
background-image: linear-gradient(to bottom,
|
|
rgba(0,0,0,0.3),
|
|
rgba(0,0,0,0.0) 65%,
|
|
rgba(0,0,0,0.0) 66%,
|
|
rgba(255,255,255,0.01)
|
|
);
|
|
background-color: shade(@theme_base_color, 0.36);
|
|
}
|
|
|
|
/* Insensitive entry background */
|
|
.entry:insensitive,
|
|
GtkComboBox.combobox-entry .entry:insensitive,
|
|
GtkComboBox.combobox-entry .entry:insensitive:first-child,
|
|
GtkComboBox.combobox-entry .entry:insensitive:last-child,
|
|
GtkComboBox.combobox-entry .button:insensitive,
|
|
.level-bar.trough:insensitive {
|
|
background-color: alpha(black, 0.16); /*@insensitive_bg_color;*/
|
|
background-image: none;
|
|
|
|
background-image: url("assets/stripe-3.png");
|
|
/*linear-gradient(to left top,
|
|
alpha (@insensitive_stripes, 0.25),
|
|
alpha (@insensitive_stripes, 0.25) 25%,
|
|
transparent 25%,
|
|
transparent 50%,
|
|
alpha (@insensitive_stripes, 0.25) 50%,
|
|
alpha (@insensitive_stripes, 0.25) 75%,
|
|
transparent 75%,
|
|
transparent
|
|
);*/
|
|
background-size: 6px;
|
|
background-repeat: repeat;
|
|
background-position: top left;
|
|
}
|
|
|
|
/* Unfocused windows entry background */
|
|
/*
|
|
.level-bar.trough:backdrop,
|
|
.spinbutton.vertical.entry:backdrop {
|
|
background-image: none;
|
|
background-color: @theme_unfocused_base_color;
|
|
box-shadow: none;
|
|
}*/
|
|
|
|
/* Unfocused windows insensitive entry background */
|
|
/*
|
|
.entry:insensitive:backdrop,
|
|
GtkComboBox.combobox-entry .button:insensitive:backdrop,
|
|
.level-bar.trough:insensitive:backdrop,
|
|
.spinbutton.vertical.entry:insensitive:backdrop {
|
|
background-image: none;
|
|
background-color: @unfocused_insensitive_bg_color;
|
|
}*/
|
|
|
|
|
|
/* Primary and inline toolbars background */
|
|
.primary-toolbar .toolbar,
|
|
.primary-toolbar.toolbar {
|
|
background-color: #343434;
|
|
background-image: linear-gradient(to bottom,
|
|
rgba(0,0,0,0.05),
|
|
rgba(255,255,255,0.05)),
|
|
url("assets/Toolbar.png");
|
|
|
|
/*background-image: linear-gradient(to bottom,
|
|
rgba(255,255,255,0.03),
|
|
rgba(0,0,0,0.08)),
|
|
url("assets/Toolbar.png");*/
|
|
background-repeat: repeat;
|
|
background-position: top left;
|
|
}
|
|
|
|
GtkRevealer .primary-toolbar .toolbar,
|
|
GtkRevealer .primary-toolbar.toolbar,
|
|
EggFindBar.primary-toolbar.toolbar,
|
|
EggFindBar.primary-toolbar .toolbar {
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to top,
|
|
rgba(255,255,255,0.03),
|
|
rgba(0,0,0,0.22)),
|
|
url("assets/Toolbar.png");
|
|
background-repeat: repeat;
|
|
background-position: top left;
|
|
}
|
|
|
|
.inline-toolbar.toolbar {
|
|
background-color: transparent;
|
|
background-image: linear-gradient(to bottom,
|
|
rgba(0,0,0,0.26),
|
|
rgba(0,0,0,0.05) 34%,
|
|
rgba(255,255,255,0.12)),
|
|
url("assets/Toolbar.png");
|
|
background-repeat: repeat;
|
|
background-position: top left;
|
|
}
|
|
|
|
.primary-toolbar .toolbar.vertical,
|
|
.primary-toolbar.toolbar.vertical,
|
|
.inline-toolbar.toolbar.vertical {
|
|
background-image: linear-gradient(to right,
|
|
@toolbar_gradient_a,
|
|
@toolbar_gradient_b 50%,
|
|
@toolbar_gradient_c
|
|
);
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Unfocused window primary and inline toolbars background */
|
|
/*
|
|
.primary-toolbar .toolbar:backdrop,
|
|
.primary-toolbar.toolbar:backdrop,
|
|
.inline-toolbar.toolbar:backdrop {
|
|
background-color: transparent;
|
|
background-image:
|
|
linear-gradient(to bottom,
|
|
rgba(0,0,0,0.1),
|
|
rgba(0,0,0,0.1)),
|
|
url("assets/Toolbar-backdrop.png");
|
|
background-repeat: repeat;
|
|
background-position: top left;
|
|
}*/
|
|
|
|
/* Switch */
|
|
|
|
GtkSwitch.trough {
|
|
background-image:url("assets/switch/switch.svg"),
|
|
-gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (@button_switch_gradient_color_e),
|
|
color-stop (0.4, @button_switch_gradient_color_d),
|
|
to (@button_switch_gradient_color_f));
|
|
background-color: transparent;
|
|
transition: 110ms ease-in-out;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
GtkSwitch.trough:active {
|
|
background-image: url("assets/switch/switch-active.svg"),
|
|
-gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (@button_switch_gradient_color_b),
|
|
color-stop (0.4, @button_switch_gradient_color_a),
|
|
to (@button_switch_gradient_color_c));
|
|
background-color: transparent;
|
|
transition: 110ms ease-in-out;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
GtkSwitch.trough:insensitive {
|
|
background-image: url("assets/stripe-2.png"),
|
|
/*linear-gradient(to left top,
|
|
alpha (@insensitive_button_stripes, 0.25),
|
|
alpha (@insensitive_button_stripes, 0.25) 25%,
|
|
transparent 25%,
|
|
transparent 50%,
|
|
alpha (@insensitive_button_stripes, 0.25) 50%,
|
|
alpha (@insensitive_button_stripes, 0.25) 75%,
|
|
transparent 75%,
|
|
transparent
|
|
),*/
|
|
-gtk-gradient (linear,
|
|
left top, left bottom,
|
|
from (shade(@insensitive_button_gradient_color_a, 1.6)),
|
|
color-stop (0.4, shade(@insensitive_button_gradient_color_b, 1.3)),
|
|
to (@insensitive_button_gradient_color_c));
|
|
background-size: 6px;
|
|
background-repeat: repeat;
|
|
background-position: top left;
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*
|
|
GtkSwitch.trough:backdrop {
|
|
background-color: @theme_unfocused_bg_color;
|
|
background-image: none;
|
|
}*/
|
|
/*
|
|
GtkSwitch.trough:active:backdrop {
|
|
background-color: @unfocused_borders;
|
|
background-image: none;
|
|
}*/
|
|
|
|
/****Scale Progressbar****/
|
|
.scale.progressbar {
|
|
background-image: linear-gradient(to bottom,
|
|
rgba(0,0,0,0.1),
|
|
rgba(0,0,0,0.0) 20%,
|
|
rgba(0,0,0,0.0) 85%,
|
|
rgba(0,0,0,0.1)
|
|
),
|
|
linear-gradient(to bottom,
|
|
shade(@button_gradient_active_c,0.7),
|
|
shade(@button_gradient_active_b, 0.9) 40%,
|
|
shade(@button_gradient_active_a, 1.2)
|
|
);
|
|
}
|
|
|
|
.scale.progressbar.vertical {
|
|
background-image: linear-gradient(to right,
|
|
@switch_trough_active_bg_a,
|
|
@switch_trough_active_bg_b
|
|
);
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Progressbar backgrounds */
|
|
|
|
.progressbar,
|
|
.progressbar row,
|
|
.progressbar row:hover,
|
|
.progressbar row:selected,
|
|
.progressbar row:selected:focus {
|
|
background-image: linear-gradient(to bottom,
|
|
rgba(255,255,255, 0.2),
|
|
rgba(255,255,255, 0.0) 40%,
|
|
rgba(255,255,255, 0.0)),
|
|
linear-gradient(to left top,
|
|
alpha (@progressbar_pattern, 0.25),
|
|
alpha (@progressbar_pattern, 0.25) 25%,
|
|
transparent 25%,
|
|
transparent 50%,
|
|
alpha (@progressbar_pattern, 0.25) 50%,
|
|
alpha (@progressbar_pattern, 0.25) 75%,
|
|
transparent 75%,
|
|
transparent
|
|
),
|
|
linear-gradient(to bottom,
|
|
@progressbar_background_a,
|
|
@progressbar_background_b 75%,
|
|
shade(@progressbar_background_a, 0.85)
|
|
);
|
|
background-size: 40px 40px, auto;
|
|
box-shadow: inset 1px 1px alpha(white, 0.2), inset -1px -1px alpha(white, 0.1);
|
|
}
|
|
|
|
.progressbar.vertical {
|
|
background-image: linear-gradient(to right,
|
|
rgba(255,255,255, 0.12),
|
|
rgba(255,255,255, 0.0) 40%,
|
|
rgba(255,255,255, 0.0)),
|
|
linear-gradient(to right top,
|
|
alpha (@progressbar_pattern, 0.25),
|
|
alpha (@progressbar_pattern, 0.25) 25%,
|
|
transparent 25%,
|
|
transparent 50%,
|
|
alpha (@progressbar_pattern, 0.25) 50%,
|
|
alpha (@progressbar_pattern, 0.25) 75%,
|
|
transparent 75%,
|
|
transparent),
|
|
linear-gradient(to right,
|
|
@progressbar_background_a,
|
|
@progressbar_background_b 75%,
|
|
shade(@progressbar_background_a, 0.85)
|
|
);
|
|
box-shadow: inset 1px 1px alpha(white, 0.12),
|
|
inset -1px -1px alpha(white, 0.06);
|
|
}
|