gtk2/gtk/theme/win32/gtk-win32-base.css

1506 lines
74 KiB
CSS
Raw Normal View History

2012-03-13 14:52:36 +00:00
@define-color bg_color -gtk-win32-color(button, 15);
@define-color text_color -gtk-win32-color(button, 18);
@define-color base_color #fff;
@define-color selected_bg_color -gtk-win32-color(button, 13);
@define-color selected_fg_color -gtk-win32-color(button, 14);
@define-color info_fg_color rgb (181, 171, 156);
@define-color info_bg_color rgb (252, 252, 189);
@define-color warning_fg_color rgb (173, 120, 41);
@define-color warning_bg_color rgb (250, 173, 61);
@define-color question_fg_color rgb (97, 122, 214);
@define-color question_bg_color rgb (138, 173, 212);
@define-color error_fg_color rgb (166, 38, 38);
@define-color error_bg_color rgb (237, 54, 54);
@define-color app_notification_a #aeaea4;
@define-color app_notification_b #d1d1cb;
@define-color app_notification_c #d8d8d3;
@define-color app_notification_border #949486;
@define-color primary_toolbar_button_text_shadow alpha(black, 0.1);
2012-03-13 14:52:36 +00:00
GtkWindow,
GtkViewport {
background-color: @bg_color;
}
* {
color: -gtk-win32-color(button, 18);
-GtkWidget-link-color: -gtk-win32-color(button, 26);
-GtkWidget-visited-link-color: -gtk-win32-color(button, 26);
border-color: shade (@bg_color, 0.6);
-GtkScrolledWindow-scrollbars-within-bevel: 1;
-GtkScrolledWindow-scrollbars-spacing: 0;
2012-03-13 14:52:36 +00:00
}
GtkFrame {
border-width: 2px;
border-style: solid;
background-color: transparent;
border-image: -gtk-win32-theme-part(button, 4 1) 2 2 2 2 stretch;
}
*:insensitive {
color: -gtk-win32-color(button, 17);
}
*:selected,
*:selected:focus {
background-color: @selected_bg_color;
color: @selected_fg_color;
}
.info {
background-color: @info_bg_color;
color: @info_fg_color;
}
.warning {
background-color: @warning_bg_color;
color: @warning_fg_color;
}
.question {
background-color: @question_bg_color;
color: @question_fg_color;
}
.error {
background-color: @error_bg_color;
color: @error_fg_color;
}
.highlight {
background-color: @selected_bg_color;
color: @selected_fg_color;
}
.light-area-focus {
color: #000;
}
.dark-area-focus {
color: #fff;
}
.notebook > GtkScrolledWindow.frame {
border-style: none;
}
GtkScrolledWindow.frame {
border-style: solid;
border-width: 2px;
border-image: -gtk-win32-theme-part(listview, 5 1) 2 2 2 2 stretch;
}
2012-03-13 14:52:36 +00:00
.view {
border-width: 0;
border-radius: 0;
background-color: @base_color;
color: @text_color;
}
.view:selected {
background-color: shade (@bg_color, 0.9);
color: @fg_color;
}
.view:selected:focused {
background-color: @selected_bg_color;
color: @selected_fg_color;
}
.tooltip {
background-color: transparent;
background-image: -gtk-win32-theme-part(tooltip, 3 1);
2012-03-13 14:52:36 +00:00
color: -gtk-win32-color(button, 23);
border-width: 0px;
2012-03-13 14:52:36 +00:00
}
.tooltip * {
color: -gtk-win32-color(button, 23);
}
GtkAssistant .sidebar .highlight {
font: bold;
color: -gtk-win32-color(button, 9);
}
/* Buttons */
.button {
background-color: transparent;
background-image: -gtk-win32-theme-part(button, 1 1);
border-width: 0;
-GtkWidget-focus-line-width: 1;
-GtkWidget-focus-padding: 3;
-GtkButton-default-border: 0px;
2012-03-13 14:52:36 +00:00
padding: 3px;
}
.button:insensitive {
background-image: -gtk-win32-theme-part(button, 1 4);
}
.button:focused {
background-image: -gtk-win32-theme-part(button, 1 5);
}
.button:prelight, .button:prelight:focused {
background-image: -gtk-win32-theme-part(button, 1 2);
color: @text_color;
2012-03-13 14:52:36 +00:00
}
.button:active, .button:active:focused, .button:active:focused:prelight {
background-image: -gtk-win32-theme-part(button, 1 3);
color: @text_color;
2012-03-13 14:52:36 +00:00
}
/* Override *:selected { ...} style; affects horizontal-buttons */
.button:selected {
background-color: transparent;
}
2012-03-13 14:52:36 +00:00
/* Check buttons */
/* Prevent selected check/radio buttons from getting the "selected" blue background */
GtkCheckButton:prelight:selected,
GtkRadioButton:prelight:selected {
background-color: transparent;
}
/* This is meaningless, it just enables prelight propagation to check/radio mark */
GtkCheckButton,
GtkRadioButton,
GtkCheckButton:prelight,
GtkRadioButton:prelight {
background-image: -gtk-gradient (linear, left top, right bottom, from(transparent), to(transparent));
}
.check:focused,
2012-03-13 14:52:36 +00:00
.check {
background-color: transparent;
background-image: -gtk-win32-theme-part(button, 3 1);
border-width: 0;
}
.check:insensitive {
background-image: -gtk-win32-theme-part(button, 3 4);
}
/* The GtkButton here is to avoid problems with checkboxes
in a listview where all checkboxes in a row gets prelighted
whenever the row is prelighted */
GtkButton.check:focused:prelight,
GtkButton.check:prelight {
2012-03-13 14:52:36 +00:00
background-image: -gtk-win32-theme-part(button, 3 2);
}
.check:focused:active,
2012-03-13 14:52:36 +00:00
.check:active {
background-image: -gtk-win32-theme-part(button, 3 5);
}
.check:active:insensitive {
background-image: -gtk-win32-theme-part(button, 3 8);
}
GtkButton.check:focused:active:prelight,
GtkButton.check:active:prelight {
2012-03-13 14:52:36 +00:00
background-image: -gtk-win32-theme-part(button, 3 6);
}
.check:focused:inconsistent,
2012-03-13 14:52:36 +00:00
.check:inconsistent {
background-image: -gtk-win32-theme-part(button, 3 9);
}
.check:inconsistent:insensitive {
background-image: -gtk-win32-theme-part(button, 3 12);
}
.check:focused:inconsistent:prelight,
2012-03-13 14:52:36 +00:00
.check:inconsistent:prelight {
background-image: -gtk-win32-theme-part(button, 3 10);
}
.check:selected {
background-color: transparent;
}
2012-03-13 14:52:36 +00:00
/* Radio buttons */
.radio {
background-color: transparent;
background-image: -gtk-win32-theme-part(button, 2 1);
border-width: 0;
}
.radio:insensitive {
background-image: -gtk-win32-theme-part(button, 2 4);
}
.radio:prelight {
background-image: -gtk-win32-theme-part(button, 2 2);
}
.radio:active {
background-image: -gtk-win32-theme-part(button, 2 5);
}
.radio:active:insensitive {
background-image: -gtk-win32-theme-part(button, 2 8);
}
.radio:active:prelight {
background-image: -gtk-win32-theme-part(button, 2 6);
}
.radio:inconsistent {
background-image: -gtk-win32-theme-part(button, 2 1, over (2 5, 0.3));
}
.radio:inconsistent:insensitive {
background-image: -gtk-win32-theme-part(button, 2 4, over (2 8, 0.3));
}
.radio:inconsistent:prelight {
background-image: -gtk-win32-theme-part(button, 2 4, over(2 6, 0.3));
}
.radio:selected {
background-color: transparent;
}
2012-03-13 14:52:36 +00:00
/* Scrollbars */
/* TODO: Win32 has different concept for upper and lower trough, we
don't use this atm */
.scrollbar {
background-color: transparent;
-GtkRange-trough-border: 0;
-GtkRange-arrow-scaling: 0.0;
-GtkRange-slider-width: -gtk-win32-size(scrollbar, 3);
}
.scrollbar.vertical {
-GtkRange-slider-width: -gtk-win32-size(scrollbar, 2);
}
.scrollbar.button.bottom {
background-image: -gtk-win32-theme-part(scrollbar, 1 5);
}
.scrollbar.button.bottom:prelight {
background-image: -gtk-win32-theme-part(scrollbar, 1 6);
}
.scrollbar.button.bottom:active,
.scrollbar.button.bottom:active:prelight {
background-image: -gtk-win32-theme-part(scrollbar, 1 7);
}
.scrollbar.button.bottom:insensitive {
background-image: -gtk-win32-theme-part(scrollbar, 1 8);
}
.scrollbar.button.top {
background-image: -gtk-win32-theme-part(scrollbar, 1 1);
}
.scrollbar.button.top:prelight {
background-image: -gtk-win32-theme-part(scrollbar, 1 2);
}
.scrollbar.button.top:active,
.scrollbar.button.top:active:prelight {
background-image: -gtk-win32-theme-part(scrollbar, 1 3);
}
.scrollbar.button.top:insensitive {
background-image: -gtk-win32-theme-part(scrollbar, 1 4);
}
.scrollbar.button.left {
background-image: -gtk-win32-theme-part(scrollbar, 1 9);
}
.scrollbar.button.left:prelight {
background-image: -gtk-win32-theme-part(scrollbar, 1 10);
}
.scrollbar.button.left:active,
.scrollbar.button.left:active:prelight {
background-image: -gtk-win32-theme-part(scrollbar, 1 11);
}
.scrollbar.button.left:insensitive {
background-image: -gtk-win32-theme-part(scrollbar, 1 12);
}
.scrollbar.button.right {
background-image: -gtk-win32-theme-part(scrollbar, 1 13);
}
.scrollbar.button.right:prelight {
background-image: -gtk-win32-theme-part(scrollbar, 1 14);
}
.scrollbar.button.right:active,
.scrollbar.button.right:active:prelight {
background-image: -gtk-win32-theme-part(scrollbar, 1 15);
}
.scrollbar.button.right:insensitive {
background-image: -gtk-win32-theme-part(scrollbar, 1 16);
}
.scrollbar.trough {
border-width: 0;
background-image: -gtk-win32-theme-part(scrollbar, 2 1, over (4 1));
}
.scrollbar.trough.vertical {
border-width: 0;
background-image: -gtk-win32-theme-part(scrollbar, 2 1, over (6 1));
}
.scrollbar.slider {
border-width: 0;
background-image: -gtk-win32-theme-part(scrollbar, 2 1, over (8 1));
}
.scrollbar.slider:prelight {
background-image: -gtk-win32-theme-part(scrollbar, 2 2, over (8 2));
}
.scrollbar.slider:active {
background-image: -gtk-win32-theme-part(scrollbar, 2 3, over (8 3));
}
.scrollbar.slider:insensitive {
/* There's a theme part for "disabled slider", but the only app observed
to have a disabled scrollbar (Notepad) does not draw its slider at all
when scrollbar is disabled. */
background-image: none;
background-color: transparent;
}
2012-03-13 14:52:36 +00:00
.scrollbar.slider.vertical {
background-image: -gtk-win32-theme-part(scrollbar, 3 1, over (9 1));
}
.scrollbar.slider.vertical:prelight {
background-image: -gtk-win32-theme-part(scrollbar, 3 2, over (9 2));
}
.scrollbar.slider.vertical:active {
background-image: -gtk-win32-theme-part(scrollbar, 3 3, over (9 3));
}
.scrollbar.slider.vertical:insensitive {
background-image: none;
background-color: transparent;
}
2012-03-13 14:52:36 +00:00
/* Entry */
/* We apply the border as a border combined with the background so that
gtk_entry_set_has_frame works */
2012-03-13 14:52:36 +00:00
.entry {
border-width: 1px;
border-style: solid;
2012-03-15 18:02:59 +00:00
border-image: -gtk-win32-theme-part(edit, 6 1) 1 1 1 1 stretch;
background-image: -gtk-win32-theme-part(edit, 6 1, margins(-1 -1 -1 -1));
padding: 2px;
2012-03-13 14:52:36 +00:00
}
.entry:insensitive {
2012-03-15 18:02:59 +00:00
border-image: -gtk-win32-theme-part(edit, 6 4) 1 1 1 1 stretch;
background-image: -gtk-win32-theme-part(edit, 6 4, margins(-1 -1 -1 -1));
color: #a7aba7;
2012-03-13 14:52:36 +00:00
}
.entry:prelight {
2012-03-15 18:02:59 +00:00
border-image: -gtk-win32-theme-part(edit, 6 2) 1 1 1 1 stretch;
background-image: -gtk-win32-theme-part(edit, 6 2, margins(-1 -1 -1 -1));
}
.entry:focused {
border-image: -gtk-win32-theme-part(edit, 6 3) 1 1 1 1 stretch;
background-image: -gtk-win32-theme-part(edit, 6 3, margins(-1 -1 -1 -1));
2012-03-13 14:52:36 +00:00
}
/* Spinbuttons */
2012-03-14 08:46:28 +00:00
.spinbutton .button,
.spinbutton .button:focused {
2012-03-13 14:52:36 +00:00
background-color: transparent;
background-image: -gtk-win32-theme-part(spin, 2 1, margins(0 -1 -1 -1));
2012-03-13 14:52:36 +00:00
color: rgba(0, 0, 0, 0);
}
.spinbutton .button:last-child,
.spinbutton .button:focused:last-child {
background-image: -gtk-win32-theme-part(spin, 1 1, margins(-1 -1 0 -1));
2012-03-13 14:52:36 +00:00
}
2012-03-14 08:46:28 +00:00
.spinbutton .button:prelight,
.spinbutton .button:prelight:focused {
background-image: -gtk-win32-theme-part(spin, 2 2, margins(0 -1 -1 -1));
}
.spinbutton .button:prelight:last-child,
.spinbutton .button:prelight:focused:last-child {
2012-03-14 08:46:28 +00:00
background-image: -gtk-win32-theme-part(spin, 1 2, margins(-1 -1 0 -1));
2012-03-13 14:52:36 +00:00
}
2012-03-14 08:46:28 +00:00
.spinbutton .button:active,
.spinbutton .button:active:prelight,
.spinbutton .button:active:focused,
.spinbutton .button:active:prelight:focused {
background-image: -gtk-win32-theme-part(spin, 2 3, margins(0 -1 -1 -1));
}
.spinbutton .button:active:last-child,
.spinbutton .button:active:prelight:last-child,
.spinbutton .button:active:focused:last-child,
.spinbutton .button:active:prelight:focused:last-child {
2012-03-14 08:46:28 +00:00
background-image: -gtk-win32-theme-part(spin, 1 3, margins(-1 -1 0 -1));
2012-03-13 14:52:36 +00:00
}
2012-03-14 08:46:28 +00:00
.spinbutton .button:insensitive {
background-image: -gtk-win32-theme-part(spin, 2 4, margins(0 -1 -1 -1));
2012-03-14 08:46:28 +00:00
}
.spinbutton .button:insensitive:last-child {
background-image: -gtk-win32-theme-part(spin, 1 4, margins(-1 -1 0 -1));
}
.spinbutton.vertical .button,
.spinbutton.vertical .button:focused {
background-color: transparent;
color: rgba(0, 0, 0, 0);
background-image: -gtk-win32-theme-part(spin, 1 1, margins(0 -1 -0 -1));
}
.spinbutton.vertical .button:last-child,
.spinbutton.vertical .button:focused:last-child {
background-image: -gtk-win32-theme-part(spin, 2 1, margins(0 -1 0 -1));
}
.spinbutton.vertical .button:prelight,
.spinbutton.vertical .button:prelight:focused {
background-image: -gtk-win32-theme-part(spin, 1 2, margins(0 -1 -0 -1));
}
.spinbutton.vertical .button:prelight:last-child,
.spinbutton.vertical .button:prelight:focused:last-child {
background-image: -gtk-win32-theme-part(spin, 2 2, margins(0 -1 0 -1));
}
.spinbutton.vertical .button:active,
.spinbutton.vertical .button:active:prelight,
.spinbutton.vertical .button:active:focused,
.spinbutton.vertical .button:active:prelight:focused {
background-image: -gtk-win32-theme-part(spin, 1 3, margins(0 -1 -0 -1));
}
.spinbutton.vertical .button:active:last-child,
.spinbutton.vertical .button:active:prelight:last-child,
.spinbutton.vertical .button:active:focused:last-child,
.spinbutton.vertical .button:active:prelight:focused:last-child {
background-image: -gtk-win32-theme-part(spin, 2 3, margins(0 -1 0 -1));
}
.spinbutton.vertical .button:insensitive {
background-image: -gtk-win32-theme-part(spin, 1 4, margins(0 -1 -0 -1));
}
.spinbutton.vertical .button:insensitive:last-child {
background-image: -gtk-win32-theme-part(spin, 2 4, margins(0 -1 0 -1));
}
.spinbutton .button:dir(rtl),
.spinbutton .button:focused:dir(rtl) {
background-color: transparent;
background-image: -gtk-win32-theme-part(spin, 2 1, margins(0 -1 -1 -1));
color: rgba(0, 0, 0, 0);
}
.spinbutton .button:first-child:dir(rtl),
.spinbutton .button:focused:first-child:dir(rtl) {
background-image: -gtk-win32-theme-part(spin, 1 1, margins(-1 -1 0 -1));
}
.spinbutton .button:prelight:dir(rtl),
.spinbutton .button:prelight:focused:dir(rtl) {
background-image: -gtk-win32-theme-part(spin, 2 2, margins(0 -1 -1 -1));
2012-03-14 08:46:28 +00:00
}
.spinbutton .button:prelight:first-child:dir(rtl),
.spinbutton .button:prelight:focused:first-child:dir(rtl) {
background-image: -gtk-win32-theme-part(spin, 1 2, margins(-1 -1 0 -1));
}
.spinbutton .button:active:dir(rtl),
.spinbutton .button:active:prelight:dir(rtl),
.spinbutton .button:active:focused:dir(rtl),
.spinbutton .button:active:prelight:focused:dir(rtl) {
background-image: -gtk-win32-theme-part(spin, 2 3, margins(0 -1 -1 -1));
2012-03-13 14:52:36 +00:00
}
.spinbutton .button:active:first-child:dir(rtl),
.spinbutton .button:active:prelight:first-child:dir(rtl),
.spinbutton .button:active:focused:first-child:dir(rtl),
.spinbutton .button:active:prelight:focused:first-child:dir(rtl) {
background-image: -gtk-win32-theme-part(spin, 1 3, margins(-1 -1 0 -1));
2012-03-13 14:52:36 +00:00
}
.spinbutton .button:insensitive:dir(rtl) {
background-image: -gtk-win32-theme-part(spin, 2 4, margins(0 -1 -1 -1));
2012-03-13 14:52:36 +00:00
}
.spinbutton .button:insensitive:first-child:dir(rtl) {
background-image: -gtk-win32-theme-part(spin, 1 4, margins(-1 -1 0 -1));
2012-03-13 14:52:36 +00:00
}
/* Ranges */
/* TODO: The trough is not quite right, it covers everything,
but in win32 the slider 'sticks out' on the sides of the
trough */
.scale {
background-color: transparent;
-GtkScale-value-spacing: 0;
-GtkScale-slider-length: 12;
2012-03-13 14:52:36 +00:00
-GtkRange-slider-width: 20;
-GtkRange-trough-border: 0;
}
.scale.trough {
2014-01-24 16:57:59 +00:00
margin: 8px 0;
2012-03-13 14:52:36 +00:00
border-style: none;
border-width: 0;
2014-01-24 16:57:59 +00:00
background-image: -gtk-win32-theme-part(trackbar, 1 1);
2012-03-13 14:52:36 +00:00
}
.scale.trough.vertical {
2014-01-24 16:57:59 +00:00
margin: 0 8px;
background-image: -gtk-win32-theme-part(trackbar, 1 1);
2012-03-13 14:52:36 +00:00
}
2014-01-24 17:27:43 +00:00
.scale.mark.separator {
/* defines the color of the actuall marks on the scale */
color: shade(@bg_color, 0.6);
}
2012-03-13 14:52:36 +00:00
.scale.slider {
background-color: transparent;
border-width: 0;
color: rgba(0,0,0,0);
background-image: -gtk-win32-theme-part(trackbar, 3 1);
}
.scale.slider:prelight {
background-image: -gtk-win32-theme-part(trackbar, 3 2);
}
.scale.slider:active,
.scale.slider:prelight:active {
background-image: -gtk-win32-theme-part(trackbar, 3 3);
}
.scale.slider:focus {
background-image: -gtk-win32-theme-part(trackbar, 3 4);
}
.scale.slider:insensitive {
background-image: -gtk-win32-theme-part(trackbar, 3 5);
}
.scale.slider.vertical {
background-image: -gtk-win32-theme-part(trackbar, 6 1);
}
.scale.slider.vertical:prelight {
background-image: -gtk-win32-theme-part(trackbar, 6 2);
}
.scale.slider.vertical:active,
.scale.slider.vertical:prelight:active {
background-image: -gtk-win32-theme-part(trackbar, 6 3);
}
.scale.slider.vertical:focus {
background-image: -gtk-win32-theme-part(trackbar, 6 4);
}
.scale.slider.vertical:insensitive {
background-image: -gtk-win32-theme-part(trackbar, 6 5);
}
.scale.slider.scale-has-marks-below {
background-image: -gtk-win32-theme-part(trackbar, 4 1, margins(0 -2 0 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-below:prelight {
background-image: -gtk-win32-theme-part(trackbar, 4 2, margins(0 -2 0 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-below:active,
.scale.slider.scale-has-marks-below:prelight:active {
background-image: -gtk-win32-theme-part(trackbar, 4 3, margins(0 -2 0 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-below:focus {
background-image: -gtk-win32-theme-part(trackbar, 4 4, margins(0 -2 0 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-below:insensitive {
background-image: -gtk-win32-theme-part(trackbar, 4 5, margins(0 -2 0 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-below.vertical {
background-image: -gtk-win32-theme-part(trackbar, 8 1, margins(0 0 -2 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-below.vertical:prelight {
background-image: -gtk-win32-theme-part(trackbar, 8 2, margins(0 0 -2 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-below.vertical:active,
.scale.slider.scale-has-marks-below.vertical:prelight:active {
background-image: -gtk-win32-theme-part(trackbar, 8 3, margins(0 0 -2 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-below.vertical:focus {
background-image: -gtk-win32-theme-part(trackbar, 8 4, margins(0 0 -2 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-below.vertical:insensitive {
background-image: -gtk-win32-theme-part(trackbar, 8 5, margins(0 0 -2 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-above {
background-image: -gtk-win32-theme-part(trackbar, 5 1, margins(0 -2 0 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-above:prelight {
background-image: -gtk-win32-theme-part(trackbar, 5 2, margins(0 -2 0 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-above:active,
.scale.slider.scale-has-marks-above:prelight:active {
background-image: -gtk-win32-theme-part(trackbar, 5 3, margins(0 -2 0 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-above:focus {
background-image: -gtk-win32-theme-part(trackbar, 5 4, margins(0 -2 0 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-above:insensitive {
background-image: -gtk-win32-theme-part(trackbar, 5 5, margins(0 -2 0 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-above.vertical {
background-image: -gtk-win32-theme-part(trackbar, 7 1, margins(0 0 -2 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-above.vertical:prelight {
background-image: -gtk-win32-theme-part(trackbar, 7 2, margins(0 0 -2 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-above.vertical:active,
.scale.slider.scale-has-marks-above.vertical:prelight:active {
background-image: -gtk-win32-theme-part(trackbar, 7 3, margins(0 0 -2 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-above.vertical:focus {
background-image: -gtk-win32-theme-part(trackbar, 7 4, margins(0 0 -2 0));
2012-03-13 14:52:36 +00:00
}
.scale.slider.scale-has-marks-above.vertical:insensitive {
background-image: -gtk-win32-theme-part(trackbar, 7 5, margins(0 0 -2 0));
2012-03-13 14:52:36 +00:00
}
/* Progress bars */
GtkProgressBar {
background-color: transparent;
padding: 0;
}
GtkProgressBar.trough {
border-width: 0;
background-image: -gtk-win32-theme-part(progress, 1 1);
}
GtkProgressBar.progressbar,
2012-03-15 18:02:59 +00:00
GtkEntry.progressbar,
GtkEntry.progressbar:focused {
2012-03-13 14:52:36 +00:00
border-width: 0;
background-image: -gtk-win32-theme-part(progress, 5 1);
}
GtkProgressBar.progressbar.pulse,
2012-03-15 18:02:59 +00:00
GtkEntry.progressbar.pulse,
GtkEntry.progressbar.pulse:focused {
2012-03-13 14:52:36 +00:00
background-color: transparent;
background-image: -gtk-win32-theme-part(progress, 8 1);
}
GtkProgressBar.trough.vertical {
background-image: -gtk-win32-theme-part(progress, 2 1);
}
.progressbar.vertical {
background-image: -gtk-win32-theme-part(progress, 6 1);
}
.progressbar.pulse.vertical {
background-image: -gtk-win32-theme-part(progress, 10 1);
}
/* Combobox */
GtkComboBox.combobox-entry .button {
background-color: transparent;
border-width: 0;
background-image: -gtk-win32-theme-part(combobox, 1 1);
color: rgba(0, 0, 0, 0);
/* Remove padding from combobox button (GtkArrow inside of it is hardcoded to be
16x16, but we draw even smaller arrow instead, so padding is completely unnecessary,
it only makes the button bigger for not good reason).
Only do this for combobox-entry, because non-entry combobox IS the button,
and it does need to be as thick as the items of the list it pops up (and it's
still slimmer than padded combobox-entry!). */
padding: 0px;
2012-03-13 14:52:36 +00:00
}
GtkComboBox.combobox-entry .button:prelight,
GtkComboBox.combobox-entry .button:focused,
GtkComboBox.combobox-entry .button:prelight:focused {
background-image: -gtk-win32-theme-part(combobox, 1 2);
}
GtkComboBox.combobox-entry .button:active,
GtkComboBox.combobox-entry .button:active:focused,
GtkComboBox.combobox-entry .button:active:prelight,
GtkComboBox.combobox-entry .button:active:focused:prelight {
background-image: -gtk-win32-theme-part(combobox, 1 3);
}
GtkComboBox.combobox-entry .button:insensitive {
background-image: -gtk-win32-theme-part(combobox, 1 4);
}
/* Dropdown list should have "window" color, as listbox contents do (usually it's "white") */
GtkComboBox GtkCellLayout * {
background-color: -gtk-win32-color(listview, 5);
}
GtkComboBox .separator {
/* always disable separators */
-GtkWidget-wide-separators: true;
-GtkWidget-horizontal-separator: 0;
-GtkWidget-vertical-separator: 0;
}
/* Draw "arrow" for non-entry comboboxes. Select the box, since selecting
the arrow itself does not seem to work as intended. */
GtkComboBox GtkBox {
color: rgba(255, 0, 0, 0);
background-image: -gtk-win32-theme-part(combobox, 6 1);
}
GtkComboBox GtkBox:insensitive {
color: rgba(255, 0, 0, 0);
background-image: -gtk-win32-theme-part(combobox, 6 4);
}
/* Make sure the style above does not touch comboboxes with entries by
disabling background image for the box again */
GtkComboBox.combobox-entry GtkBox {
color: rgba(255, 0, 0, 0);
background-image: none;
}
GtkComboBox.combobox-entry GtkBox:insensitive {
color: rgba(255, 0, 0, 0);
background-image: none;
}
/* The arrow is part of the background image drawn by the theme, don't draw GTK's own arrow */
GtkComboBox.combobox-entry GtkArrow {
color: rgba(255, 0, 0, 0);
}
GtkComboBox.combobox-entry GtkArrow:insensitive {
color: rgba(255, 0, 0, 0);
}
GtkComboBox GtkArrow {
color: rgba(255, 0, 0, 0);
}
GtkComboBox GtkArrow:insensitive {
color: rgba(255, 0, 0, 0);
}
2012-03-13 14:52:36 +00:00
/* Toolbar */
.toolbar {
background-color: transparent;
border-width: 0;
background-image: -gtk-win32-theme-part(rebar, 6 1);
}
.toolbar .button,
.toolbar .button:focused {
background-color: transparent;
background-image: -gtk-win32-theme-part(toolbar, 1 1);
}
.toolbar .button:prelight,
.toolbar .button:prelight:focused {
background-image: -gtk-win32-theme-part(toolbar, 1 2);
}
.toolbar .button:active {
background-image: -gtk-win32-theme-part(toolbar, 1 3);
}
.toolbar .button:active:prelight {
background-image: -gtk-win32-theme-part(toolbar, 1 6);
}
.toolbar .button:insensitive {
background-image: -gtk-win32-theme-part(toolbar, 1 4);
}
/* Column headers */
column-header .button,
column-header .button:focus {
background-color: transparent;
border-width: 0;
background-image: -gtk-win32-theme-part(header, 1 1);
}
column-header .button:prelight,
column-header .button:prelight:focus {
background-image: -gtk-win32-theme-part(header, 1 2);
}
column-header .button:active,
column-header .button:active:prelight,
column-header .button:active:focus,
column-header .button:active:prelight:focus {
background-image: -gtk-win32-theme-part(header, 1 3);
}
GtkSwitch {
font: bold condensed 10;
color: @text_color;
2012-03-13 14:52:36 +00:00
}
GtkSwitch.slider {
padding: 4px;
background-color: transparent;
background-image: -gtk-win32-theme-part(scrollbar, 2 1, over (8 1));
border-width: 0;
}
GtkSwitch.trough:insensitive {
background-image: -gtk-win32-theme-part(button, 1 4);
}
GtkSwitch.trough {
background-image: -gtk-win32-theme-part(button, 1 1);
}
GtkSwitch.trough:active {
background-image: -gtk-win32-theme-part(button, 1 2);
2012-03-15 16:40:06 +00:00
}
/* Menus */
.menu {
background-color: -gtk-win32-color(button, 4);
border-color: shade (-gtk-win32-color(button, 4), 0.6);
border-style: solid;
border-width: 1px;
padding: 2px;
}
.menuitem {
color: -gtk-win32-color(button, 7);
}
.menubar .menuitem *:backdrop {
color: mix (-gtk-win32-color(button, 7), white, 0.5);
}
2012-03-15 16:40:06 +00:00
.menubar > .menuitem {
padding: 3px 5px;
}
2012-03-15 20:04:53 +00:00
/* Add more padding to menus, increasing visible height of each menuitem */
.menu * {
padding: 2px;
}
/* Make arrows a bit smaller to fit better into W32 theme
FIXME: they still have the wrong style though - angle instead of a filled triangle */
GtkMenuItem {
-GtkMenuItem-arrow-scaling: 0.5;
}
2012-03-15 20:04:53 +00:00
/* Assistant */
GtkAssistant .sidebar .highlight {
background-color: gray;
2012-03-15 20:04:53 +00:00
font: bold;
}
GtkAssistant .sidebar {
padding: 12px;
background-color: white;
border-image: none;
border-width: 0 1px 0 0;
border-style: solid;
2012-03-16 09:49:21 +00:00
}
GtkColorSwatch {
border-style: solid;
border-width: 1px;
}
GtkColorSwatch:prelight {
border-color: shade (@bg_color, 0.2);
2012-03-16 10:05:20 +00:00
}
.separator,
.separator:prelight {
color: shade (@bg_color, 0.6);
2012-03-16 13:31:32 +00:00
}
2012-03-16 15:44:24 +00:00
GtkStatusbar > GtkFrame {
border-width: 1px 1px 1px 1px;
border-style: solid;
border-image: -gtk-win32-theme-part(status, 0 0, margins (-1 0 0 0)) 2 1 1 1 stretch;
background-image: none;
}
.grip {
background-color: transparent;
background-image: -gtk-win32-theme-part(status, 3 1);
}
@keyframes spinner {
0% { background-image: none,
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)); }
0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)); }
8% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
none; }
8% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); }
16% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
none,
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)); }
16% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)); }
25% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
none,
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)); }
25% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)); }
33% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
none,
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)); }
33% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)); }
41% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
none,
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)); }
41% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)); }
50% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
none,
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)); }
50% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)); }
58% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
none,
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)); }
58% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)); }
66% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
none,
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)); }
66% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)); }
75% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
none,
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)); }
75% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)); }
83% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
none,
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)); }
83% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)); }
91% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
none,
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)); }
91% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)); }
100% { background-image: none,
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)); }
100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)); }
}
.spinner {
background-color: transparent;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
background-position: 25.00% 6.70%, 6.70% 25.00%, 0.00% 50.00%, 6.70% 75.00%, 25.00% 93.30%, 50.00% 100.00%, 75.00% 93.30%, 93.30% 75.00%, 100.00% 50.00%, 93.30% 25.00%, 75.00% 6.70%, 50.00% 0.00%;
background-size: 20% 20%;
background-repeat: no-repeat;
transition: background-image 500ms ease-out;
}
.spinner:active {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.916667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.75)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.666667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.583333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.5)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.416667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.333333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.25)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.166667)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.0833333)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
animation: spinner 1s infinite linear;
}
/* Popovers */
.popover {
border-radius: 3px;
background-clip: border-box;
background-color: @bg_color;
border-color: rgba(0, 0, 0, 1);
border-width: 1px;
border-style: solid;
box-shadow: 0 2px 3px alpha(black, 0.5);
margin: 10px;
padding: 2px;
}
.popover > .list,
.popover > .view,
.popover > .toolbar {
background-color: transparent;
}
/* Listbox */
.list {
background-color: -gtk-win32-color(listbox, 5);
}
/* Dim label */
.dim-label {
color: alpha(currentColor, 0.55);
text-shadow: none;
}
/* Modelbuttons */
.button.menuitem:focused,
.button.menuitem {
background-color: transparent;
background-image: -gtk-win32-theme-part(menu, 14 1);
}
.button.menuitem:active,
.button.menuitem:active:focused {
background-color: transparent;
background-image: -gtk-win32-theme-part(menu, 14 1);
}
.button.menuitem:active:prelight:focused,
.button.menuitem:prelight:focused,
.button.menuitem:prelight {
background-image: -gtk-win32-theme-part(menu, 14 2);
}
.button.menuitem:active:prelight:insensitive:focused,
.button.menuitem:prelight:insensitive:focused,
.button.menuitem:prelight:insensitive {
background-image: -gtk-win32-theme-part(menu, 14 4);
}
.button.menuitem.radio:focused,
.button.menuitem.radio,
.button.menuitem.radio:prelight,
.button.menuitem.radio:insensitive {
background-color: transparent;
background-image: none;
border-width: 0;
}
.button.menuitem.radio:active:focused,
.button.menuitem.radio:active,
.button.menuitem.radio:active:prelight {
background-image: -gtk-win32-theme-part(menu, 12 2, over (11 3));
border-width: 0;
}
.button.menuitem.radio:inconsistent:focused,
.button.menuitem.radio:inconsistent,
.button.menuitem.radio:inconsistent:insensitive,
.button.menuitem.radio:inconsistent:prelight,
.button.menuitem.radio:inconsistent:active,
.button.menuitem.radio:inconsistent:active:prelight {
background-image: none; /* Fall back to default, this state is not in win32 */
border-width: 0;
}
.button.menuitem.radio:insensitive:active:focused,
.button.menuitem.radio:insensitive:active,
.button.menuitem.radio:insensitive:active:prelight {
background-image: -gtk-win32-theme-part(menu, 12 1, over (11 4));
border-width: 0;
}
.button.menuitem.check:focused,
.button.menuitem.check,
.button.menuitem.check:insensitive,
.button.menuitem.check:prelight,
.button.menuitem.check:prelight:focused {
background-color: transparent;
background-image: none;
border-width: 0;
}
.button.menuitem.check:active:focused,
.button.menuitem.check:active,
.button.menuitem.check:active:prelight:focused,
.button.menuitem.check:active:prelight {
background-image: -gtk-win32-theme-part(menu, 12 2, over (11 1));
border-width: 0;
}
.button.menuitem.check:inconsistent:focused,
.button.menuitem.check:inconsistent,
.button.menuitem.check:inconsistent:insensitive,
.button.menuitem.check:inconsistent:insensitive:focused,
.button.menuitem.check:inconsistent:prelight,
.button.menuitem.check:inconsistent:prelight:focused,
.button.menuitem.check:inconsistent:active,
.button.menuitem.check:inconsistent:active:focused,
.button.menuitem.check:inconsistent:active:prelight:focused,
.button.menuitem.check:inconsistent:active:prelight {
background-image: none; /* Fall back to default, this state is not in win32 */
border-width: 0;
}
.button.menuitem.check:insensitive:active:focused,
.button.menuitem.check:insensitive:active,
.button.menuitem.check:insensitive:active:prelight:focused,
.button.menuitem.check:insensitive:active:prelight {
background-image: -gtk-win32-theme-part(menu, 12 1, over (11 2));
border-width: 0;
}
/* Application notification */
.app-notification {
border-style: solid;
border-color: @app_notification_border;
border-width: 0 1px 1px 1px;
border-radius: 0 0 5px 5px;
padding: 8px;
background-image: linear-gradient(to bottom,
@app_notification_a,
@app_notification_b 18%,
@app_notification_c);
color: @theme_text_color;
text-shadow: 0 1px @primary_toolbar_button_text_shadow;
border-image: none;
}